*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #F7B801;--color-primary-dark: #D49F01;--color-bg: #e8e9ec;--color-page-bg: #f0f1f3;--color-gradient-mid: #dfe0e4;--color-gradient-end: #e2e3e7;--color-surface: #f0f1f3;--color-white: #f0f1f3;--color-black: #000000;--color-text: rgba(0, 0, 0, .7);--color-text-light: rgba(0, 0, 0, .6);--color-text-muted: rgba(0, 0, 0, .55);--color-border: rgba(0, 0, 0, .15);--color-border-light: rgba(0, 0, 0, .08);--color-ad-bg: rgba(0, 0, 0, .06);--color-ad-badge-bg: #f0f1f3;--color-ad-badge-text: #000000;--color-input-bg: #f7f7f8;--color-email-item-gradient: transparent;--color-email-view-bg: #ffffff;--color-email-view-ad-bg: rgba(0, 0, 0, .1);--color-card-bg: #ffffff;--color-card-badge-bg: rgba(0, 0, 0, .5);--color-card-text: rgba(0, 0, 0, .7);--sidebar-width: 112px;--font-display: "Inter", -apple-system, "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Microsoft YaHei", "Malgun Gothic", "Hiragino Sans", sans-serif;--font-text: "Inter", -apple-system, "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Microsoft YaHei", "Malgun Gothic", "Hiragino Sans", sans-serif;--font-body: "Inter", -apple-system, "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Microsoft YaHei", "Malgun Gothic", "Hiragino Sans", sans-serif}[data-theme=dark]{--color-bg: #111315;--color-page-bg: #111315;--color-gradient-mid: #0e1012;--color-gradient-end: #131517;--color-surface: #191c1f;--color-white: #191c1f;--color-black: #ffffff;--color-text: rgba(255, 255, 255, .7);--color-text-light: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .6);--color-border: rgba(255, 255, 255, .2);--color-border-light: rgba(255, 255, 255, .1);--color-ad-bg: #1d2124;--color-ad-badge-bg: rgba(255, 255, 255, .17);--color-ad-badge-text: #ffffff;--color-input-bg: #191c1f;--color-email-item-gradient: linear-gradient(251deg, #191c1f 0%, #1e2124 100%);--color-email-view-bg: linear-gradient(250deg, #191c1f 0%, #1e2124 100%);--color-email-view-ad-bg: #111315;--color-card-bg: #111315;--color-card-badge-bg: rgba(255, 255, 255, .17);--color-card-text: #ffffff}[data-theme=dark] .email-address-bar__label-icon,[data-theme=dark] .search-bar__icon,[data-theme=dark] .email-item__link-icon,[data-theme=dark] .email-view__address-pill img,[data-theme=dark] .modal__close img,[data-theme=dark] .ad-badge img{filter:invert(1)}[data-theme=dark] .sidebar__inbox-icon{content:url(/assets/inbox-icon-dark.svg)}html,body{font-family:var(--font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-page-bg);scrollbar-color:var(--color-border) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}body{background:linear-gradient(180deg,var(--color-page-bg) 0%,var(--color-gradient-mid) 35%,var(--color-page-bg) 55%,var(--color-gradient-end) 80%,var(--color-page-bg) 100%);background-attachment:fixed}img{display:block;max-width:100%}button{border:none;background:none;cursor:pointer;font-family:inherit}input{border:none;outline:none;font-family:inherit;background:none}.navbar{position:sticky;top:0;z-index:100;background:var(--color-page-bg);border-bottom:1px solid var(--color-border-light)}.navbar__inner{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px}.navbar__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.navbar__logo-text{font-family:"Helvetica Neue",var(--font-display);font-weight:600;font-size:18px;color:var(--color-black)}.navbar__links{display:flex;align-items:center;gap:32px}.navbar__link{font-family:var(--font-text);font-weight:500;font-size:14px;color:var(--color-text);text-decoration:none;transition:color .15s}.navbar__link:hover{color:var(--color-black)}.navbar__link--dropdown{display:flex;align-items:center;gap:4px;cursor:pointer}.navbar__link-chevron{width:12px;height:12px;transition:transform .2s}.navbar__dropdown-wrap{position:relative;display:flex;align-items:center}.navbar__dropdown-wrap:after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:20px;display:none}.navbar__dropdown-wrap:hover:after{display:block}.navbar__features-dropdown{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:10px;padding:8px 0;min-width:220px;box-shadow:0 12px 32px #00000026;z-index:200;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.navbar__dropdown-wrap:hover .navbar__features-dropdown{display:block}.navbar__dropdown-wrap:hover .navbar__link-chevron{transform:rotate(180deg)}.navbar__features-list{display:flex;flex-direction:column}.navbar__features-item{display:flex;align-items:center;padding:10px 20px;font-family:var(--font-text);font-weight:500;font-size:14px;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border-light);transition:background .1s,color .1s}.navbar__features-item:last-child{border-bottom:none}.navbar__features-item:hover{background:var(--color-bg);color:var(--color-primary)}.navbar__right{display:flex;align-items:center;gap:12px}.navbar__theme-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--color-text-muted);border-radius:6px;transition:color .15s,background .15s;padding:0}.navbar__theme-toggle:hover{color:var(--color-black);background:var(--color-bg)}.navbar__lang{position:relative}.navbar__lang-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:border-color .15s}.navbar__lang-btn:hover{border-color:var(--color-primary)}.navbar__lang-globe{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.navbar__lang-name{font-family:var(--font-text);font-weight:500;font-size:13px;color:var(--color-black)}.navbar__lang-chevron{width:12px;height:12px;color:var(--color-text-muted);transition:transform .2s}.navbar__lang-btn[aria-expanded=true] .navbar__lang-chevron{transform:rotate(180deg)}.navbar__lang-dropdown{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:6px;min-width:200px;max-height:320px;overflow-y:auto;box-shadow:0 8px 24px #0000001f;z-index:200}.navbar__lang-dropdown--open{display:block}.navbar__lang-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;text-decoration:none;font-family:var(--font-text);font-weight:400;font-size:13px;color:var(--color-text);transition:background .1s}.navbar__lang-item:hover{background:var(--color-bg)}.navbar__lang-item--active{font-weight:600;color:var(--color-primary);background:#f7b8010f}.navbar__lang-flag{border-radius:2px;flex-shrink:0}.navbar__hamburger{display:none;flex-direction:column;gap:4px;padding:8px;cursor:pointer;background:none;border:none}.navbar__hamburger span{display:block;width:20px;height:2px;background:var(--color-black);border-radius:1px;transition:transform .2s,opacity .2s}.navbar__hamburger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar__mobile-menu{display:none;flex-direction:column;padding:8px 24px 16px;background:var(--color-page-bg);border-bottom:1px solid var(--color-border-light)}.navbar__mobile-menu--open{display:flex}.navbar__mobile-link{padding:12px 0;font-family:var(--font-text);font-weight:500;font-size:15px;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border-light)}.navbar__mobile-link:last-child{border-bottom:none}@media(max-width:600px){.navbar__links{display:none}.navbar__hamburger{display:flex}.navbar__lang-name{display:none}}.centered-hero{text-align:center;padding:40px 24px 0;max-width:720px;margin:0 auto}.centered-hero__title{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,4vw,36px);color:var(--color-black);margin-bottom:10px;line-height:1.2}.centered-hero__subtitle{font-family:var(--font-text);font-weight:400;font-size:15px;color:var(--color-text);line-height:1.5;max-width:560px;margin:0 auto}.centered-app{max-width:820px;margin:24px auto 0;padding:0 24px;display:flex;flex-direction:column;background:var(--color-page-bg)}.centered-app__email-bar{padding:16px 0}.centered-app__inbox-header{padding:12px 16px;background:var(--color-input-bg);border:1px solid var(--color-border-light);border-radius:12px;margin-top:12px}.centered-app__body{display:flex;min-height:350px;border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;margin-top:12px;background:var(--color-input-bg)}.centered-app__body:has(.centered-app__email-view--full){overflow:visible;min-height:auto}.centered-app__inbox-list{flex:1;min-width:0;overflow-y:auto;max-height:500px}.centered-app__email-view--full{flex:1;min-width:0}.centered-app__email-view--full .email-view{border-left:none;border:none;background:var(--color-input-bg);overflow:visible;display:flex;flex-direction:column;height:auto;grid-template-columns:unset;grid-template-rows:unset}.centered-app__email-view--full .email-view__content{overflow:visible;padding:24px}.centered-app__email-view--full .email-view__side-ads{display:none}.app-wrapper{min-height:calc(100vh - 56px);min-height:calc(100dvh - 56px);background:var(--color-page-bg)}.app-layout{display:flex;height:100vh;height:100dvh;width:100%;background:var(--color-page-bg)}.sidebar{flex:0 0 var(--sidebar-width);height:100%;background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;padding-top:26px;gap:58px}.sidebar__logo{width:32px;height:32px}.sidebar__inbox{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-decoration:none}.sidebar__inbox-icon{width:32px;height:32px}.sidebar__inbox-label{font-family:var(--font-display);font-weight:500;font-size:12px;line-height:1.2;color:var(--color-black)}.left-panel{flex:0 0 clamp(340px,29vw,562px);height:100%;display:flex;flex-direction:column;overflow:hidden}.left-panel__top{padding:20px 24px 16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.left-panel__header{padding:16px 24px;display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--color-border);flex-shrink:0}.email-address-bar{display:flex;align-items:center;gap:8px}.centered-app .email-address-bar{flex-direction:column;align-items:stretch;gap:9px}.centered-app .email-address-bar__label{justify-content:center}.centered-app .email-address-pill{width:50%;margin:0 auto}@media(max-width:768px){.centered-app .email-address-pill{width:80%}}@media(max-width:480px){.centered-app .email-address-pill{width:100%}}.email-address-bar__label{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.email-address-bar__label-icon{width:22px;height:22px}.email-address-bar__label-text{font-family:var(--font-display);font-weight:500;font-size:18px;line-height:1;color:var(--color-black)}.email-address-pill{display:flex;align-items:center;justify-content:space-between;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:100px;padding:10px 16px;flex:1;min-width:0}.email-address-pill__text{font-family:var(--font-text);font-weight:500;font-size:14px;line-height:1.3;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-address-pill__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.email-address-pill__action-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px}.email-address-pill__action-btn img,.email-address-pill__action-btn svg{width:24px;height:24px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;filter:brightness(0) saturate(100%) invert(73%) sepia(60%) saturate(1200%) hue-rotate(5deg) brightness(102%) contrast(97%)}.email-address-pill__action-btn--copied svg{animation:fadeScaleIn .4s cubic-bezier(.34,1.56,.64,1)}.email-address-pill__action-btn{position:relative}.email-address-pill__copied{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;animation:copiedFade 2s ease forwards}@keyframes copiedFade{0%{opacity:0;transform:translate(-50%) translateY(4px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.inbox-heading{display:flex;flex-direction:column;gap:4px}.inbox-heading__row{display:flex;align-items:center;justify-content:space-between}.inbox-heading__actions{display:flex;align-items:center;gap:4px}.inbox-heading__theme{width:24px;height:24px;border:none;border-radius:50%;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.inbox-heading__theme svg{width:20px;height:20px;color:var(--color-text-muted);transition:color .15s}.inbox-heading__theme:hover svg{color:var(--color-black)}.inbox-heading__title{font-family:var(--font-display);font-weight:600;font-size:32px;line-height:1;color:var(--color-black)}.inbox-heading__refresh{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.inbox-heading__refresh img{transition:transform .8s cubic-bezier(.4,0,.2,1)}.inbox-heading__refresh img{width:24px;height:24px}.inbox-heading__count{font-family:var(--font-display);font-weight:500;font-size:12px;line-height:1.2;color:var(--color-text-muted)}.search-bar{display:flex;align-items:center;justify-content:space-between;background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:100px;padding:10px 16px}.search-bar__input{font-family:var(--font-text);font-size:16px;line-height:1.2;color:var(--color-black);letter-spacing:-.32px;width:100%}.search-bar__input::placeholder{color:var(--color-text)}.search-bar__icon{width:24px;height:24px;flex-shrink:0}.inbox-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-height:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;max-width:352px}.empty-state__icon{position:relative}.empty-state__icon-bg{position:absolute;width:74px;height:74px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.15}.empty-state__icon-box{width:48px;height:48px;background:var(--color-primary);border:1px solid var(--color-primary-dark);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #1018280d;position:relative;z-index:1}.empty-state__icon-box img{width:32px;height:32px}.empty-state__text{display:flex;flex-direction:column;gap:12px}.empty-state__title{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:24px;color:var(--color-black)}.empty-state__subtitle{font-family:var(--font-text);font-weight:400;font-size:16px;line-height:1.5;color:var(--color-text-light)}.ad-placeholder{background:var(--color-ad-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}.ad-placeholder--left-bottom{margin:0 20px 20px;width:calc(100% - 40px);height:clamp(60px,13vh,153px)}.left-panel__bottom-ad{display:flex;justify-content:center;padding:10px 0;margin-top:auto}.left-panel__bottom-ad--mobile{display:none}@media(max-width:600px){.left-panel__bottom-ad--desktop{display:none}.left-panel__bottom-ad--mobile{display:flex}}.ad-badge{display:flex;align-items:center;gap:4px;background:var(--color-ad-badge-bg);backdrop-filter:blur(4px);padding:6px 16px;border-radius:100px}.ad-badge img{width:24px;height:24px}.ad-badge span{font-family:var(--font-display);font-weight:500;font-size:18px;line-height:1.2;letter-spacing:-.36px;color:var(--color-ad-badge-text)}.right-panel{flex:1;height:100%;min-width:0;background:var(--color-bg);border-left:1px solid var(--color-border);overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px clamp(20px,5%,168px)}.right-panel__decorative-top{position:absolute;top:-231px;right:-120px;width:480px;height:480px;opacity:.21;pointer-events:none}.right-panel__decorative-bottom{position:absolute;bottom:-240px;left:-120px;width:480px;height:480px;opacity:.21;pointer-events:none}.brand{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:1;max-width:904px;width:100%}.brand__logo{display:flex;align-items:center;gap:22px}.brand__logo-img{width:clamp(40px,5vw,71px);height:clamp(40px,5vw,71px);flex-shrink:0}.brand__logo-text{font-family:"Helvetica Neue",var(--font-display);font-weight:500;font-size:clamp(36px,5vw,72px);line-height:1;color:var(--color-black);white-space:nowrap}.brand__description{font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:var(--color-text);text-align:center;max-width:669px;letter-spacing:-.32px}.feature-cards{display:flex;gap:24px;z-index:1;width:100%;max-width:904px}.feature-card{flex:1;min-width:0;background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:10px;position:relative}.feature-card__image{width:100%;height:clamp(80px,14vh,165px);object-fit:cover;border-radius:6px;flex-shrink:0}.feature-card__badge{position:absolute;top:15px;left:15px;display:flex;align-items:center;gap:4px;background:var(--color-card-badge-bg);backdrop-filter:blur(4px);padding:6px 16px;border-radius:100px}.feature-card__badge img{width:24px;height:24px}.feature-card__badge span{font-family:var(--font-display);font-weight:500;font-size:18px;line-height:1.2;letter-spacing:-.36px;color:#fff}.feature-card__text{padding:6px 8px 8px;font-family:var(--font-text);font-weight:500;font-size:clamp(13px,1.2vw,16px);line-height:1.5;color:var(--color-card-text)}.right-panel__ad{width:100%;max-width:904px;z-index:1;flex-shrink:0;display:flex;justify-content:center}.right-panel__ad .ad-placeholder{height:clamp(60px,13vh,153px)}.right-panel__ad iframe{max-width:100%}.modal-overlay{position:fixed;inset:0;background:#00000040;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:462px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:26px;padding:24px 0}.modal__header{display:flex;flex-direction:column;gap:24px}.modal__title-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px}.modal__title{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1;color:var(--color-black)}.modal__close{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.6}.modal__close:hover{opacity:1}.modal__close img{width:18px;height:18px}.modal__divider{height:1px;background:var(--color-border);width:100%}.modal__fields{display:flex;flex-direction:column;gap:12px;padding:0 24px}.modal__field{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.modal__label{font-family:var(--font-text);font-weight:500;font-size:16px;line-height:1.2;color:var(--color-black)}.modal__input{border:1px solid var(--color-border);border-radius:8px;padding:10px 16px;height:44px;font-family:var(--font-text);font-weight:500;font-size:16px;line-height:1.2;color:var(--color-black);width:100%;background:var(--color-surface);outline:none;transition:border-color .15s}.modal__input:focus{border-color:var(--color-primary)}.modal__actions{display:flex;flex-direction:column;gap:10px;padding:0 24px}.modal__save{width:100%;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:12px 16px;font-family:var(--font-text);font-weight:600;font-size:15px;line-height:1.2;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px #f7b80140}.modal__save:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f7b80159}.modal__save:active{transform:translateY(0);box-shadow:0 1px 4px #f7b80133}.inbox-content--has-emails{justify-content:flex-start;padding:0;overflow-y:auto}.email-item{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid var(--color-border);cursor:pointer;width:100%;transition:background .15s}.email-item:hover{background:var(--color-bg)}.email-item--selected{background:var(--color-email-item-gradient);border-left:3px solid var(--color-primary)}.email-item__avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.email-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.email-item__header{display:flex;align-items:center;justify-content:space-between}.email-item__sender-row{display:flex;align-items:center;gap:8px}.email-item__sender{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1;color:var(--color-black)}.email-item__sender--bold{font-weight:700}.email-item__badge{background:var(--color-primary);color:var(--color-white);font-family:var(--font-text);font-weight:500;font-size:14px;line-height:.9;padding:3px 8px;border-radius:100px}.email-item__time{font-family:var(--font-display);font-weight:500;font-size:12px;line-height:1.2;color:var(--color-text);white-space:nowrap;flex-shrink:0}.email-item__content{display:flex;flex-direction:column;gap:6px}.email-item__subject{font-family:var(--font-text);font-weight:500;font-size:16px;line-height:1;color:var(--color-black);display:flex;align-items:center;gap:8px}.email-item__link-icon{width:16px;height:16px;flex-shrink:0}.email-item__preview{font-family:var(--font-text);font-weight:400;font-size:14px;line-height:1.4;color:var(--color-text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.email-item__attachments{display:flex;gap:8px;flex-wrap:nowrap}.email-item__attachment{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:100px;padding:6px 16px}.email-item__attachment-icon{width:16px;height:16px}.email-item__attachment span{font-family:var(--font-display);font-weight:500;font-size:14px;line-height:1.2;color:var(--color-black)}.email-view{flex:1;height:100%;min-width:0;background:var(--color-email-view-bg);border-left:1px solid var(--color-border);overflow:hidden;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto}.email-view__back-btn{display:flex;align-items:center;gap:8px;width:fit-content;padding:10px 14px;font-family:var(--font-text);font-weight:600;font-size:15px;color:var(--color-primary);cursor:pointer;background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:999px;transition:background .15s,border-color .15s,transform .15s}.email-view__back-btn:hover{background:color-mix(in srgb,var(--color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--color-primary) 32%,transparent);transform:translate(-2px)}.email-view__content{grid-row:1;grid-column:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;max-width:100%}.email-view__body{max-width:100%;overflow-wrap:break-word;word-break:break-word}.email-view__header{display:flex;flex-direction:column;gap:10px}.email-view__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.email-view__title{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3vw,42px);line-height:1.2;color:var(--color-black);word-break:break-word;min-width:0}.email-view__delete{width:24px;height:24px;flex-shrink:0}.email-view__delete img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(73%) sepia(60%) saturate(1200%) hue-rotate(5deg) brightness(102%) contrast(97%)}.email-view__time{font-family:var(--font-display);font-weight:500;font-size:14px;line-height:1.2;color:var(--color-text)}.email-view__addresses{display:flex;flex-direction:column;gap:10px}.email-view__address-pill{display:inline-flex;align-items:center;gap:8px;background:var(--color-page-bg);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;width:fit-content}.email-view__address-pill img{width:24px;height:24px}.email-view__address-pill span{font-family:var(--font-text);font-weight:500;font-size:16px;line-height:1.2;color:var(--color-black)}.email-view__separator{height:1px;background:var(--color-border);width:100%}.email-view__body{font-family:var(--font-text);font-weight:400;font-size:16px;line-height:1.5;color:var(--color-black);overflow-x:auto;max-width:100%}.email-view__body table{max-width:100%!important;width:100%!important;table-layout:fixed}.email-view__body td,.email-view__body th{word-break:break-word;overflow-wrap:break-word}.email-view__body img{max-width:100%;height:auto}.email-view__body p{margin-bottom:16px}.email-view__body ul{list-style:disc;padding-left:24px}.email-view__body li{margin-bottom:4px}.email-view__body a{color:var(--color-primary);text-decoration:underline;cursor:pointer;word-break:break-all}.email-view__body a:hover{color:var(--color-primary-dark)}.email-view__attachments{display:flex;gap:10px;flex-wrap:wrap}.email-view__attachment{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:100px;padding:10px 16px;background:transparent}.email-view__attachment img{width:20px;height:20px}.email-view__attachment span{font-family:var(--font-display);font-weight:500;font-size:16px;line-height:1.2;color:var(--color-black)}.email-view__bottom-ad{grid-row:2;grid-column:1;padding:20px;flex-shrink:0}.email-view__bottom-ad--mobile{display:none}@media(max-width:600px){.email-view__bottom-ad--desktop{display:none}.email-view__bottom-ad--mobile{display:flex;justify-content:center}}.email-view__bottom-ad .ad-placeholder{height:clamp(60px,13vh,153px);background:var(--color-email-view-ad-bg)}.email-view__side-ads{grid-row:1 / 3;grid-column:2;display:flex;flex-direction:column;gap:20px;padding:20px;align-items:center}@media(max-width:1400px){.email-view__side-ads{display:none}.email-view{grid-template-columns:1fr}}@media(max-width:1200px){.brand__description{font-size:14px;max-width:100%}.feature-card__badge span{font-size:14px}.feature-card__badge{padding:4px 12px}.feature-card__badge img{width:20px;height:20px}}@media(max-width:900px){:root{--sidebar-width: 64px}.sidebar{padding-top:16px;gap:32px}.sidebar__inbox-label{font-size:10px}.left-panel{flex:1}.right-panel{display:none}.email-view{grid-template-columns:1fr;border-left:none}.email-view__side-ads{display:none}.inbox-heading__title{font-size:24px}.email-item__attachments{flex-wrap:wrap}.modal__close{width:44px;height:44px;padding:13px}}@media(max-width:600px){:root{--sidebar-width: 0px}.sidebar{display:none}.left-panel__top,.left-panel__header{padding:12px 16px}.email-address-bar__label{display:none}.email-address-pill{padding:10px 14px}.email-address-pill__text{font-size:14px}.inbox-heading__title{font-size:18px}.inbox-heading__ttl{font-size:11px}.search-bar{padding:8px 12px}.search-bar__input{font-size:14px}.empty-state__title{font-size:20px}.empty-state__subtitle{font-size:14px}.email-view__content{padding:16px}.email-view__title{font-size:20px}.email-view__address-pill{padding:8px 10px}.email-view__address-pill span{font-size:13px;word-break:break-all}.email-view__attachment span{font-size:14px}.email-view__body{font-size:15px;word-break:break-word}.email-view__bottom-ad{padding:12px}.email-item{padding:16px;gap:12px}.email-item__avatar{width:44px;height:44px}.email-item__sender{font-size:16px}.email-item__subject{font-size:14px}.email-item__preview{font-size:13px;-webkit-line-clamp:1}}.email-view__highlights{display:flex;gap:12px;padding:12px 0;flex-wrap:wrap}.otp-badge{display:flex;align-items:center;gap:10px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;padding:10px 16px;cursor:pointer;font-family:var(--font-text);transition:background .15s}.otp-badge:hover{background:var(--color-primary-dark)}.otp-badge__code{font-size:20px;font-weight:700;letter-spacing:2px;font-family:monospace}.otp-badge__label{font-size:12px;opacity:.85}.verify-btn{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--color-primary);color:var(--color-primary);background:none;border-radius:12px;padding:10px 16px;font-family:var(--font-text);font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.verify-btn:hover{background:var(--color-primary);color:#fff}.inbox-heading__ttl{font-size:13px;color:#f7b801;font-family:var(--font-text);white-space:nowrap;margin-left:8px;align-self:center}.centered-app__timer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}.centered-app__timer-icon{color:var(--color-primary);flex-shrink:0}.centered-app__timer-time{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;min-width:50px;text-align:center}.centered-app__timer-refresh{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-left:4px;border:none;background:none;cursor:pointer}.centered-app__timer-refresh img{width:18px;height:18px;transition:transform .8s cubic-bezier(.4,0,.2,1)}.centered-app__top-ad{display:flex;justify-content:center;padding:0;min-height:0}.centered-app__top-ad:empty{display:none}.centered-app__top-ad iframe{max-width:100%}.app-with-side-ads{display:flex;justify-content:center;align-items:flex-start;gap:20px;max-width:1200px;margin:0 auto;padding:0 16px}.app-with-side-ads>.centered-app{flex:1;max-width:820px;margin:24px 0 0}.app-side-ad{flex-shrink:0;position:sticky;top:72px;padding-top:24px}@media(max-width:1200px){.app-side-ad{display:none}}@media(max-width:600px){.centered-app__top-ad{display:none}}.mobile-ad-slot{display:flex;justify-content:center;padding:20px 0}.modal__cancel{width:100%;background:none;border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;font-family:var(--font-text);font-weight:500;font-size:15px;line-height:1.2;color:var(--color-text);cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.modal__cancel:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-black);transform:translateY(-1px)}.modal__cancel:active{transform:translateY(0)}.modal__input-row{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:border-color .15s}.modal__input-row:focus-within{border-color:var(--color-primary)}.modal__input-row .modal__input{border:none;border-radius:0;flex:1;min-width:0}.modal__input-row .modal__input:focus{border-color:transparent}.modal__domain{background:var(--color-bg);border-left:1px solid var(--color-border);padding:0 14px;font-family:var(--font-text);font-size:14px;font-weight:500;color:var(--color-text-muted);white-space:nowrap;display:flex;align-items:center}.modal__domain-select{background:var(--color-bg);border:none;border-left:1px solid var(--color-border);border-radius:0;padding:0 10px;font-family:var(--font-text);font-size:14px;font-weight:500;color:var(--color-text-muted);cursor:pointer;appearance:auto}.modal__domain-select:focus{outline:none}.modal__status{padding:10px 14px;font-family:var(--font-text);font-size:13px;line-height:1.4;border-radius:8px}.modal__status--exists{color:var(--color-primary);background:#f7b80114}.modal__status--available{color:#2d9c3c;background:#2d9c3c14}.modal__status--error{color:#c0392b;background:#c0392b14}.modal__save:disabled{opacity:.5;cursor:not-allowed}.text-page{max-width:720px;margin:0 auto;padding:40px 24px 80px;font-family:var(--font-text);color:var(--color-text);line-height:1.7}.text-page__back{display:inline-flex;align-items:center;gap:6px;color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:24px}.text-page__back:hover{color:var(--color-primary-dark)}.text-page h1{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-black);margin-bottom:8px}.text-page__updated{font-size:13px;color:var(--color-text-muted);margin-bottom:32px}.text-page h2{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--color-black);margin-top:32px;margin-bottom:12px}.text-page p{margin-bottom:16px;font-size:15px}.text-page ul,.text-page ol{margin-bottom:16px;padding-left:24px}.text-page li{margin-bottom:8px;font-size:15px}.text-page a{color:var(--color-primary);text-decoration:underline}.text-page a:hover{color:var(--color-primary-dark)}.faq-section{width:100%;max-width:720px;margin:0 auto;padding:40px 24px}.faq-section__title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--color-black);margin-bottom:16px}.faq-item{border-bottom:1px solid var(--color-border-light)}.faq-item__question{padding:14px 0;font-family:var(--font-text);font-size:14px;font-weight:500;color:var(--color-black);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-item__question:after{content:"+";font-size:18px;font-weight:300;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.faq-item[open] .faq-item__question:after{content:"−"}.faq-item__question::-webkit-details-marker{display:none}.faq-item__answer{padding:0 0 14px;font-family:var(--font-text);font-size:13px;line-height:1.6;color:var(--color-text)}.right-panel__footer{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 0}.right-panel__footer a{font-family:var(--font-text);font-size:12px;color:var(--color-text-muted);text-decoration:none}.right-panel__footer a:hover{color:var(--color-primary)}.right-panel__footer span{font-size:12px;color:var(--color-text-muted)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border-light);font-family:var(--font-text);padding:40px 24px 0}.site-footer__inner{max-width:960px;margin:0 auto;display:flex;gap:40px;justify-content:space-between;padding-bottom:32px}.site-footer__brand{max-width:280px}.site-footer__logo{display:flex;align-items:center;gap:8px;margin-bottom:10px}.site-footer__logo img{width:24px;height:24px}.site-footer__logo span{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--color-black)}.site-footer__description{font-size:13px;line-height:1.5;color:var(--color-text-muted)}.site-footer__links{display:flex;gap:40px}.site-footer__col{display:flex;flex-direction:column;gap:0}.site-footer__col h4{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--color-black);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.site-footer__col a{font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:color .15s;display:inline-block;min-height:44px;line-height:44px;white-space:nowrap}.site-footer__col a:hover{color:var(--color-primary)}.site-footer__bottom{max-width:960px;margin:0 auto;border-top:1px solid var(--color-border-light);padding:16px 0;display:flex;align-items:center;justify-content:center;gap:12px}.site-footer__bottom span{font-size:12px;color:var(--color-text-muted)}.site-footer__rss{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted);text-decoration:none;transition:color .2s}.site-footer__rss:hover{color:var(--color-primary)}.site-footer__rss svg{opacity:.7}.site-footer__rss:hover svg{opacity:1}@media(max-width:600px){.site-footer__inner{flex-direction:column;gap:24px}.site-footer__links{gap:24px;flex-wrap:wrap}.site-footer__brand{max-width:100%}}.blog-nav{max-width:720px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg)}.blog-nav__logo{display:flex;align-items:center;gap:8px;text-decoration:none}.blog-nav__logo img{width:24px;height:24px}.blog-nav__logo span{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--color-black)}.blog-nav__back{font-size:13px;font-weight:500;color:var(--color-primary);text-decoration:none}.blog-nav__back:hover{color:var(--color-primary-dark)}.global-theme-toggle{position:fixed;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:background .15s;padding:0}.global-theme-toggle:hover{background:var(--color-bg)}.global-theme-toggle svg{width:20px;height:20px;color:var(--color-text-muted)}.language-switcher{display:flex;align-items:center;gap:8px;margin-top:12px}.language-switcher__label{font-size:12px;font-weight:600;color:var(--color-text-muted)}.language-switcher__select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:6px 12px;font-size:13px;font-family:var(--font-text);cursor:pointer;appearance:auto}.breadcrumbs{max-width:720px;margin:0 auto;padding:16px 24px 0;font-size:13px;color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs__separator{margin:0 6px}.ad-top-banner{display:flex;justify-content:center;padding:10px 0;max-width:728px;margin:0 auto}.ad-top-banner--mobile{display:none}@media(max-width:600px){.ad-top-banner--desktop{display:none}.ad-top-banner--mobile{display:flex;max-width:320px}}.ad-bottom-banner{display:flex;justify-content:center;padding:20px 0;max-width:720px;margin:0 auto;min-height:90px}.content-with-ads{display:flex;justify-content:center;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px}.content-with-ads__main{flex:1;max-width:720px;min-width:0}.content-with-ads__side-ad{width:160px;flex-shrink:0;position:sticky;top:20px;align-self:flex-start}@media(max-width:1200px){.content-with-ads__side-ad{display:none}}.content-with-ads__main .blog-post,.content-with-ads__main .text-page,.content-with-ads__main .blog-list,.content-with-ads__main .contact-page,.content-with-ads__main .faq-section,.content-with-ads__main .seo-content{margin-left:0;margin-right:0}@media(max-width:900px){.content-with-ads{gap:20px}.content-with-ads__side-ad{display:none}}@media(max-width:600px){.navbar__logo-text{display:none}.navbar__lang-dropdown{right:-8px;left:auto;min-width:180px;max-height:280px}.centered-hero{padding:24px 16px 0}.centered-hero__subtitle{font-size:13px}.centered-app{padding:0 12px}.centered-app__inbox-header{padding:10px 12px}.centered-app__timer-time{font-size:15px}.centered-app__timer-refresh{width:44px;height:44px}.inbox-heading__title{font-size:22px}.faq-section{padding:24px 16px}.centered-app__top-ad{display:none}.ad-between-sections{display:none!important}.ad-bottom-banner{max-width:320px;min-height:50px}.site-footer__links{gap:16px}}@media(max-width:380px){.centered-hero__title{font-size:20px}.email-address-pill{padding:8px 12px}.email-address-pill__text{font-size:12px}}