:root{--orange: #ff7a00;--orange-2: #ff8a00;--blue: #087bff;--blue-deep: #0069e8;--green: #16c7a7;--ink: #202533;--muted: #6c7282;--line: #e7eaf0;--soft: #f7f8fb;--white: #ffffff;--shadow: 0 18px 48px rgba(26, 35, 55, .1);--shadow-soft: 0 12px 30px rgba(26, 35, 55, .08);font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.2)}.site-shell{min-height:100vh;background:radial-gradient(circle at 88% 8%,rgba(8,123,255,.12),transparent 30%),radial-gradient(circle at 63% 17%,rgba(255,122,0,.11),transparent 24%),#fff;position:relative}.mode-switch{position:fixed;z-index:20;top:auto;bottom:14px;left:50%;transform:translate(-50%);width:max-content;margin:0;display:flex;gap:6px;padding:7px;border:1px solid rgba(220,225,234,.9);border-radius:999px;background:#ffffffd1;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mode-switch button{border:0;border-radius:999px;padding:8px 16px;background:transparent;color:var(--muted);font-weight:800}.mode-switch button:hover{color:var(--orange);background:#fff4e8}.mode-switch button:active{transform:scale(.97)}.mode-switch button.active{background:var(--ink);color:#fff}.brand-mark{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark img{width:50px;height:50px;object-fit:contain}.brand-mark strong{font-size:27px;letter-spacing:0;line-height:1;display:inline-flex;align-items:baseline;gap:.16em}.brand-mark span{color:var(--orange);font-size:1.2em;line-height:.9}.brand-mark--compact img{width:72px;height:72px}.brand-mark--compact strong{font-size:42px}.btn{border:0;min-height:58px;padding:0 28px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border .18s ease}.btn--primary{color:#fff;background:linear-gradient(180deg,#ff8c00,#ff6500);box-shadow:0 16px 28px #ff7a0040}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 20px 38px #ff7a0052}.btn--primary.is-pressed{transform:translateY(1px) scale(.99)}.btn:disabled{background:#e8ebf1;color:#8b92a1;box-shadow:none;transform:none}.btn--light{background:#fff;color:var(--blue);box-shadow:inset 0 0 0 1px #e4e8f0}.btn--light:hover{background:#f7fbff;box-shadow:inset 0 0 0 1px #b9d8ff}.btn--glass{min-height:46px;color:var(--ink);background:#ffffffbf;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.btn--glass:hover{border-color:#ffd1a1;background:#fff}.icon-btn{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#ffffffbf;color:var(--ink);box-shadow:var(--shadow-soft)}.icon-btn:hover{color:var(--orange);transform:rotate(12deg)}.dashboard{height:100vh;overflow:hidden;display:grid;grid-template-columns:290px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 28px 24px;background:#ffffffd1;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;overflow:hidden}.side-nav{margin-top:42px;display:grid;gap:10px}.side-nav button{height:58px;border:0;border-radius:18px;background:transparent;color:#4d5262;display:flex;align-items:center;gap:16px;padding:0 18px;font-size:19px;font-weight:800;transition:.18s ease}.side-nav button:hover{background:#fff5ec;color:var(--orange);transform:translate(3px)}.side-nav button.active{background:#fff0e3;color:var(--orange)}.side-nav button:active{transform:translate(1px) scale(.99)}.side-nav button:disabled{color:#a9afbd;background:transparent;transform:none}.side-nav button:disabled:hover{color:#a9afbd;background:transparent}.shield-note{margin-top:auto;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-soft);background:#ffffffc2}.shield-note span{width:48px;height:48px;display:grid;place-items:center;color:var(--blue);border-radius:14px;background:#eaf3ff}.shield-note h3{margin:12px 0 6px;font-size:17px}.shield-note p{margin:0;color:var(--muted);line-height:1.65;font-size:13px}.shield-note button,.link-btn{border:0;background:transparent;color:var(--blue);font-weight:800;margin-top:14px;display:inline-flex;align-items:center;gap:4px}.visitor{margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff;display:grid;grid-template-columns:42px 1fr;text-align:left;gap:0 12px}.visitor:hover{border-color:#ffd0a0}.visitor span{grid-row:span 2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0f1f5;color:#9499a7}.visitor small{color:var(--muted)}.dashboard-main{height:100vh;padding:34px 44px 28px;position:relative;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto auto}.top-actions{position:absolute;right:44px;top:34px;display:flex;align-items:center;gap:12px;z-index:3}.language-picker{position:relative;z-index:40}.language-picker__trigger{min-height:42px}.language-picker__trigger svg:last-child,.language-picker--dark>.lang svg:last-child{transform:rotate(90deg)}.language-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;padding:6px;border:1px solid rgba(214,221,230,.95);border-radius:12px;background:#fffffffa;box-shadow:0 18px 38px #07183229}.language-menu button{width:100%;min-height:38px;border:0;border-radius:8px;background:transparent;color:#071832;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 11px;font-size:14px;font-weight:850;text-align:left;cursor:pointer}.language-menu button:hover{background:#fff4e8;color:var(--orange)}.language-menu button.active{background:#071832;color:#fff}.hero-board{min-height:0;display:grid;grid-template-columns:1fr .58fr .82fr;gap:24px;align-items:center;position:relative}.hero-board:before{content:"";position:absolute;inset:-34px -44px 0 36%;background:linear-gradient(90deg,#fffffffa,#ffffff8c 36%,#ffffff2e),url(/assets/generated/dashboard-mail-bg.png) center right / cover no-repeat;opacity:.72;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000);mask-image:linear-gradient(90deg,transparent,#000 20%,#000);pointer-events:none}.hero-copy,.timer-wrap,.mascot-stage{position:relative;z-index:1}.hero-copy h1{margin:0;font-size:clamp(50px,5.2vw,78px);line-height:.98;letter-spacing:0}.hero-copy h1 span,.hero-copy h2 span,.timer-wrap p span{color:var(--orange)}.hero-copy h2{margin:16px 0 12px;color:var(--orange);font-size:25px;letter-spacing:.12em}.hero-copy p{max-width:600px;color:#4e5566;line-height:1.7;font-size:17px;margin:0 0 20px}.generator-card{width:min(560px,100%);border:1px solid var(--line);border-radius:22px;padding:22px 26px;background:#ffffffe6;box-shadow:var(--shadow)}.generator-card b,.timer-wrap b,.otp-card b{display:block;font-size:20px;margin-bottom:12px}.generator-card b span,.timer-wrap b span,.otp-card b span,.inbox-panel h3 span{color:var(--orange);margin-right:8px}.generator-card .btn{width:100%;font-size:25px;min-height:54px}.input-line{height:52px;margin-top:14px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 22px;background:#fff;font-size:20px}.input-line button{width:36px;height:36px;border:0;border-radius:10px;background:#f3f5f8}.input-line button:hover{background:#fff2e6;color:var(--orange)}.input-line button:active,.created-mail button:active{transform:scale(.94)}.generator-card em{display:block;margin-top:10px;color:var(--green);font-style:normal;font-weight:800}.generator-card em.status-error{color:#f04438}.timer-wrap{text-align:center}.timer-ring{--timer-color: var(--orange);--timer-track: #f1e7dc;--timer-progress: 100%;width:220px;height:220px;border:14px solid #fff;border-radius:50%;background:radial-gradient(circle,#fff 58%,transparent 59%),conic-gradient(var(--timer-color) 0 var(--timer-progress),var(--timer-track) 0 100%);box-shadow:var(--shadow);color:var(--ink);display:grid;place-items:center;margin:0 auto;position:relative}.timer-ring:hover{transform:scale(1.03)}.timer-ring:active{transform:scale(.99)}.timer-ring:disabled{cursor:not-allowed;opacity:.68;filter:grayscale(.2)}.timer-ring:disabled:hover,.timer-ring:disabled:active{transform:none}.timer-ring strong{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-size:50px;line-height:1;white-space:nowrap}.timer-ring span{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:16px;white-space:nowrap}.timer-ring i{position:absolute;top:-11px;min-width:34px;height:28px;padding:0 8px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;line-height:1}.timer-wrap p{font-size:20px;font-weight:800}.mascot-stage{height:420px;display:grid;place-items:end center}.mascot-stage:before{content:"";width:420px;height:92px;border-radius:50%;position:absolute;bottom:20px;background:radial-gradient(closest-side,rgba(255,122,0,.22),transparent)}.mascot-stage img{width:min(340px,95%);position:relative;filter:drop-shadow(0 22px 28px rgba(32,37,51,.18));animation:floaty 4s ease-in-out infinite}.mail-float{position:absolute;color:#fff;text-shadow:0 8px 28px rgba(255,122,0,.45);font-style:normal;font-size:46px;opacity:.78}.mail-float--one{right:28px;top:120px;transform:rotate(-8deg)}.mail-float--two{left:18px;top:40px;transform:rotate(10deg)}@keyframes floaty{50%{transform:translateY(-10px)}}.dashboard-grid{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:stretch;margin-top:10px}.otp-card,.inbox-panel{border:1px solid var(--line);border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow)}.otp-card{padding:22px;color:#fff;background:linear-gradient(155deg,#0587ff,#0069e8)}.otp-card b{color:#fff}.otp-card strong{display:block;text-align:center;font-size:58px;letter-spacing:.08em;margin-top:22px}.otp-card small{display:block;width:fit-content;margin:0 auto 18px;padding:6px 16px;border-radius:999px;background:#ffffff2e}.otp-card p{text-align:center;font-size:17px;margin:0 0 20px}.otp-card .btn{width:100%;font-size:18px;min-height:52px}.inbox-panel{padding:0;overflow:hidden}.panel-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:22px}.panel-head button{border:1px solid var(--line);border-radius:999px;background:#fff;height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.panel-head button.live:after{content:"";width:8px;height:8px;background:#39bd57;border-radius:50%}.panel-head button:not(.live){background:#f4f5f8;color:#8a90a0}.mail-table{display:grid}.mail-row{min-height:54px;display:grid;grid-template-columns:1.2fr 1fr 2fr .7fr 36px;gap:16px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--line);background:#ffffffe6;padding:0 24px;text-align:left;color:var(--ink)}.mail-row:not(.mail-row--head):hover{background:#fff8f0}.mail-row:not(.mail-row--head):active{background:#ffeedf}.mail-row.is-selected{background:#fff4e9;box-shadow:inset 4px 0 0 var(--orange)}.mail-row--head{color:var(--muted);font-weight:800}.mail-row--empty{border:0;color:var(--muted);cursor:default}.mail-row--empty:hover{background:transparent}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-style:normal;font-weight:900;margin-right:12px}.avatar-0{background:#4f86f7}.avatar-1{background:#ff8a00}.avatar-2{background:#4aba66}.avatar-3{background:#7e55d9}.avatar-4{background:#ff4b6b}.star{color:#afb4c1}.star.active{color:#ffae2a}.link-btn{display:flex;margin:18px auto}.mail-reader{display:grid;grid-template-rows:auto minmax(90px,1fr);border-top:1px solid var(--line);background:#fff}.mail-reader__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 22px 10px;background:linear-gradient(180deg,#fff,#fffaf5)}.mail-reader__head small{display:block;margin-bottom:5px;color:var(--orange);font-weight:900}.mail-reader__head h4{margin:0;color:var(--ink);font-size:18px;line-height:1.25;overflow-wrap:anywhere}.mail-reader__head p{margin:6px 0 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.mail-reader__actions{display:flex;gap:8px;flex-shrink:0}.mail-reader__actions button{min-height:36px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-weight:850;cursor:pointer}.mail-reader__actions button:hover{border-color:var(--orange);color:var(--orange)}.mail-reader__actions button:disabled{opacity:.45;cursor:not-allowed}.mail-reader__body{max-height:min(170px,22vh);overflow:auto;padding:12px 22px 18px;color:#172033;font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.mail-drawer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:28px}.mail-drawer__backdrop{position:absolute;inset:0;border:0;background:#050f1e52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mail-drawer__panel{position:relative;z-index:1;width:min(1040px,calc(100vw - 56px));height:min(820px,calc(100vh - 56px));margin:0;border:1px solid rgba(210,222,236,.95);border-radius:20px;background:#fff;box-shadow:0 24px 70px #00112747;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.mail-drawer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fffaf5,#fff)}.mail-drawer__head small{display:block;margin-bottom:8px;color:var(--orange);font-weight:950}.mail-drawer__head h4{margin:0;color:var(--ink);font-size:clamp(22px,1.5vw,30px);line-height:1.28;overflow-wrap:anywhere}.mail-drawer__head p,.mail-drawer__head time{display:block;margin:8px 0 0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.mail-drawer__close{min-height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:0 16px;font-weight:900}.mail-drawer__close:hover{border-color:var(--orange);color:var(--orange)}.mail-drawer__actions{display:flex;gap:10px;padding:14px 28px;border-bottom:1px solid var(--line);background:#fff}.mail-drawer__actions button{min-height:40px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;gap:7px;padding:0 16px;font-weight:900}.mail-drawer__actions button:hover{border-color:var(--orange);color:var(--orange)}.mail-drawer__actions button:disabled{opacity:.45}.mail-drawer__body{min-height:0;overflow:auto;padding:26px 30px 42px;color:#172033;font-size:clamp(16px,1vw,18px);line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:720px){.mail-drawer{padding:10px}.mail-drawer__panel{width:100%;height:calc(100vh - 20px);border-radius:16px}.mail-drawer__head{padding:18px 18px 14px}.mail-drawer__actions{padding:12px 18px;flex-wrap:wrap}.mail-drawer__body{padding:18px 18px 34px;font-size:16px}}.benefit-strip{margin-top:18px;border:1px solid var(--line);border-radius:18px;min-height:50px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#ffffffd1}.benefit-strip span{display:flex;align-items:center;justify-content:center;gap:10px;color:#616879;font-weight:800}.benefit-strip svg{color:var(--orange)}.benefit-strip span:nth-child(3) svg,.benefit-strip span:nth-child(4) svg{color:var(--blue)}.landing{min-height:calc(100vh - 90px);padding:10px 84px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;row-gap:8px}.landing-header{height:56px;display:flex;align-items:center;justify-content:space-between}.landing-header nav{display:flex;gap:40px}.landing-header nav button{border:0;background:transparent;font-size:19px;font-weight:900;color:var(--ink);padding:18px 0;position:relative}.landing-header nav button:hover{color:var(--orange)}.landing-header nav button:active{transform:translateY(1px)}.landing-header nav button.active:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:3px;background:var(--orange)}.lang{border:1px solid #d8dde7;background:#fff;border-radius:12px;height:48px;padding:0 20px;display:inline-flex;align-items:center;gap:10px;font-weight:900}.lang:hover{border-color:var(--orange);color:var(--orange)}.lang:active{transform:scale(.98)}.landing-hero{min-height:0;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:34px}.free-pill{display:inline-flex;align-items:center;gap:10px;height:48px;border:1px solid rgba(22,199,167,.45);color:var(--green);background:#16c7a714;border-radius:999px;padding:0 26px;font-size:20px;font-weight:900}.landing-copy h1{margin:12px 0 0;font-size:clamp(64px,7.6vw,116px);line-height:.9;letter-spacing:0}.landing-copy h1 span{color:var(--orange)}.landing-copy h2{margin:14px 0 10px;font-size:32px;letter-spacing:.14em}.landing-copy h2:first-letter{color:var(--orange)}.landing-copy p{max-width:600px;font-size:18px;line-height:1.65;color:#4f5668}.landing-copy .btn{margin-top:14px;min-width:380px;height:58px;font-size:24px;border-radius:16px}.created-mail{margin-top:18px;width:min(430px,100%);height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 20px;box-shadow:var(--shadow-soft)}.created-mail button{width:34px;height:34px;border:0;border-radius:9px;background:#f2f5f9}.created-mail button:hover{color:var(--orange);background:#fff2e6}.landing-visual{min-height:0;height:clamp(320px,38vh,430px);position:relative;display:grid;place-items:center}.landing-visual:before{content:"";position:absolute;inset:18px -40px -10px 60px;background:linear-gradient(90deg,#fffffff5,#fff3),url(/assets/generated/landing-mail-bg.png) center / cover no-repeat;border-radius:38px;opacity:.86;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%)}.landing-visual img{width:min(410px,78%);z-index:1;filter:drop-shadow(0 28px 34px rgba(32,37,51,.18));animation:floaty 4s ease-in-out infinite}.mini-clock{position:absolute;left:70px;bottom:74px;width:150px;height:150px;border-radius:50%;border:13px solid #fff;background:radial-gradient(circle,#fff 0 65%,transparent 66%),conic-gradient(var(--orange) 0 74%,#f0e6da 74%);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--orange);z-index:2}.mini-clock b{font-size:50px;line-height:.9}.mini-clock span{max-width:108px;text-align:center;color:var(--ink);font-weight:900;margin-top:4px;font-size:14px;line-height:1.25}.mail-preview{position:absolute;right:18px;top:116px;transform:rotate(6deg);width:312px;height:96px;border:1px solid var(--line);border-radius:18px;background:#ffffffc7;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:16px;padding:22px;z-index:2}.mail-preview b{margin-left:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:0}.feature-card{min-height:120px;border:1px solid var(--line);border-radius:22px;background:#ffffffe6;box-shadow:var(--shadow-soft);padding:18px 26px;text-align:left;display:grid;grid-template-columns:116px 1fr;gap:4px 28px;align-items:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-card:active{transform:translateY(-1px) scale(.995)}.feature-card span{grid-row:span 2;width:78px;height:78px;border-radius:18px;display:grid;place-items:center;border:1px solid currentColor}.feature-card b{font-size:26px}.feature-card p{margin:0;color:#4f5668;line-height:1.55;font-size:16px}.feature-card--orange{color:var(--orange)}.feature-card--blue{color:var(--blue)}.feature-card--green{color:var(--green)}.feature-card p,.feature-card b{color:var(--ink)}.feature-card span{color:inherit}.steps-bar{margin-top:0;border:1px solid var(--line);border-radius:24px;background:#ffffffe6;box-shadow:var(--shadow-soft);min-height:92px;display:grid;grid-template-columns:280px repeat(3,1fr) 290px;align-items:center;gap:8px;padding:12px 22px}.steps-bar h3{font-size:25px;margin:0}.steps-bar button{min-height:64px;border:0;background:transparent;border-radius:18px;display:grid;grid-template-columns:58px 1fr;gap:0 14px;align-items:center;text-align:left;padding:10px}.steps-bar button:hover,.steps-bar button.active{background:#fff4e8}.steps-bar button:active{transform:scale(.99)}.steps-bar i{grid-row:span 2;width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:var(--shadow-soft);color:var(--orange);display:grid;place-items:center;font-style:normal}.steps-bar b{font-size:18px}.steps-bar span{color:var(--muted)}.remaining-time{justify-self:end;width:250px;height:74px;border:1px solid #ffb46c;border-radius:16px;padding:14px 18px}.remaining-time small{display:block;color:var(--muted)}.remaining-time strong{display:block;color:var(--orange);font-size:34px;line-height:1;margin-top:5px}.remaining-time.is-idle{border-color:var(--line);background:#f8fafc}.remaining-time.is-idle strong{color:#a0a7b5}.remaining-time.is-active{border-color:#ffb46c;background:#fff7ef}@media(max-width:1180px){.dashboard{height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr}.sidebar{position:sticky;z-index:10;top:0;height:auto;flex-direction:row;align-items:center;gap:18px;padding:12px 18px;overflow-x:auto;overflow-y:hidden}.side-nav{margin:0;display:flex;gap:8px}.shield-note,.visitor{display:none}.dashboard-main{height:auto;min-height:100vh;padding:34px 24px 88px;display:block;overflow:visible}.top-actions{position:static;justify-content:flex-end;margin-bottom:20px}.hero-board,.dashboard-grid,.landing-hero,.feature-cards,.steps-bar{grid-template-columns:1fr}.mascot-stage{height:360px}.benefit-strip{grid-template-columns:1fr 1fr;gap:14px;padding:18px}.landing{padding:24px 24px 92px}.landing-header nav{display:none}}@media(min-width:1181px)and (max-height:820px){.sidebar{padding-top:22px;padding-bottom:18px}.side-nav{margin-top:28px;gap:8px}.side-nav button{height:50px}.shield-note{padding:14px}.shield-note p,.visitor{display:none}}@media(max-width:720px){.mode-switch{position:fixed;top:auto;left:50%;bottom:10px;transform:translate(-50%);width:max-content;margin:0}.mode-switch button{padding:8px 14px;font-size:13px}.brand-mark strong{font-size:22px}.brand-mark img{width:48px;height:48px}.side-nav button{min-width:132px;height:50px;font-size:16px}.top-actions{display:none}.hero-copy h1{font-size:44px;line-height:1.02;max-width:340px}.landing-copy h1{font-size:56px;line-height:.95}.hero-copy h2,.landing-copy h2{font-size:24px;letter-spacing:.08em}.generator-card,.otp-card{padding:20px}.dashboard-grid{gap:20px}.mail-row{grid-template-columns:1fr;gap:5px;padding:14px 18px}.mail-row--head{display:none}.benefit-strip{grid-template-columns:1fr}.landing-copy .btn{min-width:0;width:100%}.mail-preview,.mini-clock{position:relative;inset:auto;transform:none;margin:12px auto}}.site-shell--landing{background:radial-gradient(circle at 80% 16%,rgba(8,123,255,.12),transparent 28%),linear-gradient(180deg,#f6fbff,#fff 46%,#f8fbff)}.landing--ads{width:min(100%,1920px);min-height:100vh;margin:0 auto;padding:0;overflow:visible;display:block;background:#f6fbff}.ad-landing-header{height:clamp(64px,5vw,78px);padding:0 clamp(18px,2vw,40px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;background:linear-gradient(180deg,#071b3b,#03112a);border-radius:0 0 10px 10px}.ad-landing-header .brand-mark strong{color:#fff}.ad-landing-header .brand-mark--compact img{width:clamp(54px,4vw,72px);height:clamp(54px,4vw,72px)}.ad-landing-header .brand-mark--compact strong{font-size:clamp(30px,3.2vw,48px)}.ad-landing-header nav{display:flex;align-items:center;gap:clamp(22px,3vw,54px);margin-left:auto}.ad-landing-header nav button{border:0;background:transparent;color:#ffffffdb;font-size:clamp(16px,1.15vw,21px);font-weight:900;padding:20px 0;position:relative}.ad-landing-header nav button:hover,.ad-landing-header nav button.active{color:#fff}.ad-landing-header nav button.active:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:4px;border-radius:999px;background:var(--orange)}.lang--dark{flex:0 0 auto;height:clamp(42px,3vw,52px);color:#fff;background:#ffffff14;border-color:#ffffff29;border-radius:999px}.lang--dark:hover{color:#fff;border-color:#ffffff57;background:#ffffff24}.mobile-start-cta{display:none}.ad-landing-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,15.5vw,300px);gap:clamp(18px,1.7vw,28px);padding:clamp(14px,1.8vw,28px)}.ad-landing-main{min-width:0;display:grid;gap:clamp(10px,1.1vw,18px)}.ad-slot{border:2px dashed rgba(85,98,118,.58);border-radius:12px;background:linear-gradient(135deg,#ffffffeb,#e8f4ffb8);color:#5d6574;display:grid;place-items:center;text-align:center;font-weight:800;line-height:1.25}.ad-slot span{font-size:clamp(14px,1vw,18px)}.ad-slot strong{display:block;font-size:clamp(12px,.9vw,16px);font-weight:700;color:#7d8490}.ad-slot--top,.ad-slot--bottom{min-height:clamp(64px,5vw,90px);width:min(100%,970px);justify-self:center}.ad-slot--banner{min-height:clamp(58px,4.5vw,90px);width:min(100%,728px);justify-self:center}.ad-hero{min-height:clamp(360px,32vw,510px);display:grid;grid-template-columns:minmax(420px,.86fr) minmax(440px,1.14fr);align-items:center;gap:clamp(20px,2vw,38px);padding:clamp(28px,3.1vw,58px);border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(90deg,#f2fafffa,#ebf7ffc7 48%,#b8e0ffc2),url(/assets/generated/landing-mail-bg.png) center right / cover no-repeat;box-shadow:inset 0 0 0 1px #cee2f4d1}.ad-hero__copy{position:relative;z-index:2}.ad-hero h1{margin:0;color:#071b3b;font-size:clamp(58px,6vw,108px);line-height:.96;letter-spacing:0}.ad-hero h1 span{color:var(--orange)}.ad-hero h2{margin:clamp(12px,1.2vw,20px) 0 10px;color:#008c82;font-size:clamp(24px,2.1vw,38px);line-height:1.15;font-weight:950}.ad-hero p{max-width:650px;margin:0 0 clamp(18px,1.8vw,28px);color:#0d2142;font-size:clamp(16px,1.15vw,20px);line-height:1.72;font-weight:700}.ad-hero__cta{min-width:clamp(280px,24vw,430px);min-height:clamp(58px,5vw,76px);border-radius:999px;font-size:clamp(21px,2vw,32px)}.ad-hero__note{margin-top:16px;display:inline-flex;align-items:center;gap:8px;color:#008c82;font-size:clamp(16px,1.25vw,22px);font-weight:900}.ad-hero__visual{min-height:300px;position:relative;display:grid;place-items:center end}.ad-hero__visual img{width:min(380px,48%);min-width:250px;align-self:end;justify-self:end;position:relative;z-index:2;filter:drop-shadow(0 26px 30px rgba(20,49,93,.22));animation:floaty 4s ease-in-out infinite}.ad-mail-card{position:absolute;left:2%;top:26%;z-index:3;width:clamp(230px,20vw,330px);min-height:150px;display:grid;grid-template-columns:46px 1fr;gap:8px 12px;align-items:center;padding:20px;border-radius:18px;background:#ffffffeb;border:1px solid #cfe4f6;box-shadow:0 20px 44px #05204824}.ad-mail-card svg{grid-row:span 3;width:46px;height:46px;padding:10px;border-radius:12px;color:#fff;background:#1688ff}.ad-mail-card span,.ad-mail-card small{color:#667085;font-size:14px;font-weight:800}.ad-mail-card strong{color:#0f1930;font-size:clamp(18px,1.4vw,22px)}.ad-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce8f3;border-radius:18px;background:#ffffffd1;overflow:hidden}.ad-feature{min-height:clamp(88px,6.5vw,118px);border:0;border-right:1px solid #dce8f3;background:transparent;display:grid;grid-template-columns:clamp(64px,5vw,92px) 1fr;gap:0 clamp(14px,1.5vw,24px);align-items:center;padding:clamp(14px,1.5vw,22px);text-align:left}.ad-feature:last-child{border-right:0}.ad-feature span{grid-row:span 2;width:clamp(54px,4.6vw,78px);height:clamp(54px,4.6vw,78px);display:grid;place-items:center;border-radius:50%;color:#fff;background:currentColor}.ad-feature span svg{color:#fff}.ad-feature b{color:var(--ink);font-size:clamp(19px,1.45vw,27px)}.ad-feature p{margin:4px 0 0;color:#404756;font-size:clamp(14px,.95vw,17px);line-height:1.45}.ad-content-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,17vw,300px);gap:clamp(18px,2vw,32px);align-items:stretch}.ad-steps{min-width:0;padding:clamp(22px,2.1vw,34px);border:1px solid #dce8f3;border-radius:18px;background:#ffffffe6}.ad-steps h3{margin:0 0 18px;color:#071b3b;font-size:clamp(24px,2vw,34px)}.ad-steps__items{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,22px)}.ad-steps__items button{min-height:clamp(118px,9vw,154px);border:0;border-radius:18px;background:#f8fbff;display:grid;grid-template-columns:40px 1fr;gap:7px 12px;align-items:center;text-align:left;padding:16px;color:var(--ink)}.ad-steps__items button:hover{background:#fff4e8}.ad-steps__items i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#1688ff;color:#fff;font-style:normal;font-weight:900}.ad-steps__items span{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:#fff;color:var(--orange);box-shadow:var(--shadow-soft)}.ad-steps__items b{grid-column:2;font-size:clamp(17px,1.2vw,21px)}.ad-steps__items small{grid-column:2;color:#606879;font-size:clamp(13px,.9vw,16px);line-height:1.45}.ad-slot--box{min-height:clamp(230px,17vw,300px)}.ad-landing-rail{display:grid;grid-template-rows:auto auto;gap:16px}.ad-slot--skyscraper{min-height:clamp(500px,48vw,600px);max-height:600px;position:sticky;top:88px}.rail-promo{min-height:120px;display:grid;grid-template-columns:1fr 86px;gap:8px;align-items:center;padding:14px 14px 14px 18px;border:2px solid rgba(22,199,167,.75);border-radius:18px;background:#eafff9;color:#0d7667;overflow:hidden}.rail-promo img{grid-row:span 2;grid-column:2;width:92px;align-self:end}.rail-promo b{font-size:18px}.rail-promo span{font-size:14px;line-height:1.45}@media(min-width:721px)and (max-width:1180px){.ad-landing-header nav{gap:18px}.ad-landing-layout{grid-template-columns:minmax(0,1fr) clamp(220px,24vw,280px);padding:16px}.ad-hero{grid-template-columns:minmax(340px,.9fr) minmax(300px,1fr);min-height:360px;padding:28px}.ad-hero__visual img{min-width:210px}.ad-mail-card{left:-4%;width:230px}.ad-feature-strip,.ad-steps__items{grid-template-columns:repeat(3,minmax(0,1fr))}.ad-content-row{grid-template-columns:minmax(0,1fr)}.ad-slot--box{min-height:160px}.ad-landing-rail{grid-template-rows:auto auto}.ad-slot--skyscraper{min-height:520px}}@media(max-width:720px){.ad-landing-header{height:auto;padding:14px 16px;border-radius:0 0 18px 18px}.ad-landing-header nav{display:none}.ad-landing-layout,.ad-content-row{grid-template-columns:1fr;padding:14px}.ad-landing-main{gap:14px}.ad-hero{grid-template-columns:1fr;min-height:auto;padding:24px 20px}.ad-hero h1{font-size:58px}.ad-hero h2{font-size:24px}.ad-hero__cta{width:100%;min-width:0}.ad-hero__visual{min-height:260px;place-items:center}.ad-hero__visual img{width:min(260px,72%);min-width:0;justify-self:center}.ad-mail-card{position:relative;left:auto;top:auto;width:100%;margin:0 auto 12px}.ad-feature-strip,.ad-steps__items{grid-template-columns:1fr}.ad-feature{border-right:0;border-bottom:1px solid #dce8f3}.ad-feature:last-child{border-bottom:0}.ad-steps{padding:20px}.ad-steps__items button{min-height:108px}.ad-landing-rail{display:none}.ad-slot--top,.ad-slot--banner,.ad-slot--bottom{width:100%;min-height:72px}.ad-slot--box{min-height:220px}}.dashboard-redesign{--dash-navy: #071525;--dash-navy-2: #0b2034;--dash-card: rgba(255, 255, 255, .94);--dash-border: #dfe5ed;--dash-text: #071832;--dash-muted: #737b8a;grid-template-columns:clamp(250px,15.8vw,305px) minmax(0,1fr);background:#f7fbff;color:var(--dash-text)}.dashboard-redesign .sidebar{background:radial-gradient(circle at 18% 3%,rgba(18,199,167,.18),transparent 28%),linear-gradient(165deg,var(--dash-navy) 0%,#05111e 100%);border-right:0;color:#fff;padding:clamp(16px,1.6vw,30px) clamp(14px,1.15vw,26px);box-shadow:inset -1px 0 #ffffff14}.dashboard-redesign .brand-mark{min-height:72px;gap:10px;align-items:center;white-space:normal;flex-shrink:0}.dashboard-redesign .brand-mark img{width:clamp(48px,3.8vw,68px);height:clamp(48px,3.8vw,68px);border-radius:14px;opacity:.82;background:#ffffffb8;box-shadow:0 12px 28px #00000038;filter:saturate(.92)}.dashboard-redesign .brand-mark strong{color:#fff;display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.14em;font-size:clamp(22px,1.5vw,29px);font-weight:950;letter-spacing:-.01em;line-height:.98;min-width:0;max-width:calc(100% - 88px);overflow-wrap:anywhere}.dashboard-redesign .brand-mark span{color:var(--orange);font-size:1.22em;line-height:.88}.dashboard-redesign .side-nav{margin-top:clamp(24px,3.2vh,48px);gap:clamp(8px,1.2vh,16px)}.dashboard-redesign .side-nav button{height:clamp(48px,5.8vh,62px);border-radius:12px;color:#ffffffe0;font-size:clamp(16px,1.05vw,21px);font-weight:900;padding:0 clamp(12px,1vw,22px)}.dashboard-redesign .side-nav button svg{color:#fffffff0}.dashboard-redesign .side-nav button:hover{color:#fff;background:#ff7a0038;transform:translate(4px)}.dashboard-redesign .side-nav button.active{color:#fff;background:linear-gradient(180deg,#ff8c00,#ff6d00);box-shadow:0 16px 30px #ff7a0047}.dashboard-redesign .side-nav button:disabled{color:#ffffff7a;opacity:.5}.dashboard-redesign .shield-note{margin-top:auto;border:0;border-radius:0;padding:0 6px;box-shadow:none;background:transparent;display:grid;grid-template-columns:64px 1fr;gap:6px 14px;align-items:center}.dashboard-redesign .shield-note>span{grid-row:span 2;width:clamp(50px,4vw,72px);height:clamp(50px,4vw,72px);color:#fff;background:linear-gradient(180deg,#27d5bb,#059e8a);border-radius:50%;box-shadow:0 16px 30px #0000003d}.dashboard-redesign .shield-note h3{margin:0;color:#fff;font-size:clamp(15px,1vw,17px)}.dashboard-redesign .shield-note p{color:#ffffffd1;font-size:clamp(12px,.85vw,15px)}.dashboard-redesign .visitor{position:relative;margin-top:clamp(16px,2vh,28px);grid-template-columns:58px 1fr 38px;gap:0 12px;min-height:78px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#fff;border-radius:22px;box-shadow:inset 0 1px #ffffff14;overflow:hidden}.dashboard-redesign .visitor:hover{border-color:#ff7a00b3;background:#ffffff1f}.dashboard-redesign .visitor:active{transform:scale(.99)}.dashboard-redesign .visitor img{grid-row:span 2;width:52px;height:52px;border-radius:50%;object-fit:cover}.dashboard-redesign .visitor small{color:#ffffffb3}.dashboard-redesign .visitor b,.dashboard-redesign .visitor small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-redesign .visitor i{align-self:center;justify-self:end;padding:4px 10px;border-radius:999px;color:#fff;background:#13c7a7;font-style:normal;font-size:12px;font-weight:950}.dashboard-redesign .dashboard-main{padding:0;background:#f7fbff;overflow-x:hidden;overflow-y:auto;display:block}.dashboard-workspace{height:100vh;display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,20.6vw,390px);gap:clamp(16px,1.5vw,28px);padding:clamp(18px,1.55vw,30px) clamp(20px,1.9vw,40px) clamp(14px,1.05vw,22px)}.dashboard-content{min-width:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:clamp(10px,1vh,16px);position:relative}.dashboard-redesign .top-actions{position:static;justify-content:flex-end;min-height:46px;order:0}.dashboard-redesign .btn--glass,.dashboard-redesign .icon-btn{background:#ffffffe6;border-color:#dce3ec;color:#071832;box-shadow:0 10px 22px #091d3814}.dashboard-redesign .btn--glass:hover,.dashboard-redesign .icon-btn:hover,.dashboard-redesign .icon-btn.active{color:#fff;background:linear-gradient(180deg,#ff9200,#ff7300);border-color:transparent}.dashboard-redesign .hero-board{min-height:0;grid-template-columns:minmax(300px,.82fr) minmax(300px,.95fr) minmax(250px,.66fr);align-items:end;gap:clamp(18px,1.5vw,28px);position:relative;overflow:hidden;border-radius:18px;padding:clamp(12px,1.2vw,24px);background:linear-gradient(90deg,#f7fbfffa,#f7fbffe0 42%,#f7fbff61 72%,#f7fbff2e),url(/assets/generated/dashboard-mail-bg.png) center right / cover no-repeat}.dashboard-redesign .hero-board:before{display:block;content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 72%,rgba(255,122,0,.2),transparent 22%),radial-gradient(circle at 72% 42%,rgba(8,123,255,.16),transparent 30%);opacity:.9}.dashboard-redesign .hero-copy{grid-column:1 / -1}.dashboard-redesign .hero-copy h1{font-size:clamp(46px,4.35vw,82px);line-height:.92;color:#071832;text-shadow:0 5px 0 rgba(7,24,50,.05)}.dashboard-redesign .hero-copy h2{margin:clamp(8px,1vh,18px) 0 0;color:#071832;font-size:clamp(19px,1.55vw,30px);letter-spacing:.14em}.dashboard-redesign .hero-copy h2 span{color:#ff7a00}.dashboard-redesign .hero-copy h2 em{color:#0788ff;font-style:normal}.dashboard-redesign .hero-copy h2 strong{color:#00a981}.dashboard-redesign .hero-copy p{max-width:560px;margin:clamp(10px,1vh,14px) 0 0;color:#263445;font-size:clamp(14px,.95vw,17px);font-weight:700;line-height:1.7}.dashboard-redesign .generator-card,.dashboard-redesign .timer-wrap,.dashboard-redesign .otp-card,.dashboard-redesign .inbox-panel{border:1px solid var(--dash-border);border-radius:14px;background:var(--dash-card);box-shadow:0 14px 34px #0a234517}.dashboard-redesign .generator-card{width:100%;min-height:clamp(220px,22vh,285px);padding:clamp(18px,1.5vw,28px)}.dashboard-redesign .generator-card b,.dashboard-redesign .timer-wrap b,.dashboard-redesign .otp-card b{display:flex;align-items:center;gap:12px;margin:0 0 4px;color:#071832;font-size:clamp(18px,1.2vw,22px)}.dashboard-redesign .generator-card b svg,.dashboard-redesign .timer-wrap b svg,.dashboard-redesign .otp-card b svg{color:#071832}.dashboard-redesign .generator-card p,.dashboard-redesign .timer-wrap p,.dashboard-redesign .otp-card p{margin:0 0 clamp(12px,1.25vh,20px);color:var(--dash-muted);font-size:clamp(13px,.9vw,16px);line-height:1.5}.dashboard-redesign .generator-card .btn{min-height:clamp(52px,5.5vh,64px);border-radius:12px;font-size:clamp(21px,1.6vw,29px)}.dashboard-redesign .generator-card label{display:block;margin:clamp(12px,1.2vh,20px) 0 8px;color:#7b8390;text-align:center;font-size:14px;letter-spacing:.12em}.dashboard-redesign .input-line{height:clamp(48px,5.2vh,62px);margin-top:0;border-color:#13c7a773;border-radius:10px;background:linear-gradient(90deg,#13c7a714,#fff);position:relative;overflow:hidden;font-size:clamp(17px,1vw,22px);font-weight:900}.dashboard-redesign .input-line button{flex:0 0 auto;width:44px;height:44px;color:#fff;background:#13c7a7;margin-left:10px}.dashboard-redesign .input-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-redesign .timer-wrap{min-height:clamp(220px,22vh,285px);padding:clamp(18px,1.5vw,28px);display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard-redesign .timer-wrap b{align-self:flex-start}.dashboard-redesign .timer-ring{--timer-color: #13c7a7;--timer-track: #eef3f4;width:clamp(150px,11.6vw,220px);height:clamp(150px,11.6vw,220px);margin:clamp(8px,1vh,18px) auto 0;border-width:clamp(10px,.8vw,14px)}.dashboard-redesign .timer-ring strong{font-size:clamp(34px,2.2vw,40px)}.dashboard-redesign .timer-ring span{margin-top:0}.dashboard-redesign .timer-ring i{background:#13c7a7}.dashboard-redesign .timer-wrap p{margin-top:clamp(10px,1.3vh,18px);text-align:center}.dashboard-redesign .timer-wrap p span{display:block;color:#13c7a7;font-size:clamp(17px,1.25vw,24px);font-weight:950}.dashboard-redesign .mascot-stage{align-self:stretch;height:auto;min-height:clamp(220px,22vh,285px);overflow:visible;animation:none}.dashboard-redesign .mascot-stage:before{bottom:clamp(4px,.8vh,12px);width:min(96%,340px);height:56px;background:radial-gradient(closest-side,rgba(7,24,50,.26),rgba(7,24,50,.12) 52%,transparent 78%);filter:blur(1px)}.dashboard-redesign .mascot-stage img{width:min(320px,98%);max-height:100%;object-fit:contain;object-position:bottom center;animation:none;transform:translateY(0);filter:drop-shadow(0 18px 26px rgba(7,24,50,.16))}.dashboard-redesign .mail-float{color:#fff;opacity:.95;filter:drop-shadow(0 12px 18px rgba(255,122,0,.28))}.dashboard-redesign .dashboard-grid{grid-template-columns:minmax(320px,.48fr) minmax(0,1fr);gap:clamp(16px,1.4vw,24px);margin-top:0;min-height:0}.dashboard-redesign .otp-card{padding:clamp(18px,1.5vw,28px);color:#071832;background:#fff}.dashboard-redesign .otp-card b{color:#071832}.dashboard-redesign .otp-card strong{display:block;width:100%;margin:clamp(14px,1.6vh,24px) 0 2px;color:#008c7d;font-size:clamp(44px,3.45vw,64px);line-height:1;text-align:center;letter-spacing:.1em;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-redesign .otp-card small{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto clamp(14px,1.5vh,22px);color:#00a981;background:transparent;font-size:clamp(15px,1vw,18px);font-weight:950}.dashboard-redesign .otp-card .btn{min-height:48px;border:1px solid var(--orange);color:var(--orange)}.dashboard-redesign .otp-card .btn:hover{color:#fff;background:var(--orange)}.dashboard-redesign .panel-head{height:clamp(52px,5.5vh,66px);padding:0 clamp(16px,1.35vw,24px)}.dashboard-redesign .panel-head h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,1.35vw,26px)}.dashboard-redesign .mail-row{min-height:clamp(44px,4.7vh,54px);grid-template-columns:1.05fr 1fr 1.7fr .68fr;padding:0 clamp(14px,1.15vw,24px);gap:10px;font-size:clamp(12px,.85vw,16px)}.dashboard-redesign .mail-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-redesign .mail-row--head{min-height:34px;background:#f8fafc}.dashboard-redesign .avatar{width:clamp(24px,1.7vw,32px);height:clamp(24px,1.7vw,32px);margin-right:8px}.dashboard-redesign .benefit-strip{min-height:clamp(54px,5.8vh,74px);grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:0;border-radius:14px;padding:0 clamp(10px,1vw,20px)}.site-shell--dashboard .mode-switch{top:12px;bottom:auto}.dashboard-redesign .benefit-strip span{display:grid;grid-template-columns:clamp(36px,2.8vw,54px) minmax(0,1fr);gap:0 12px;justify-content:start;text-align:left;color:#071832;font-size:clamp(12px,.86vw,16px)}.dashboard-redesign .benefit-strip svg{grid-row:span 2;width:clamp(34px,2.7vw,50px);height:clamp(34px,2.7vw,50px);padding:9px;border-radius:50%;color:#00a981;background:#13c7a71f}.dashboard-redesign .benefit-strip b,.dashboard-redesign .benefit-strip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-redesign .benefit-strip small{color:#6d7483;font-weight:700}.dashboard-redesign .benefit-strip span:nth-child(2) svg,.dashboard-redesign .benefit-strip span:nth-child(4) svg,.dashboard-redesign .benefit-strip span:nth-child(5) svg{color:#087bff;background:#087bff1a}.dashboard-redesign .benefit-strip span:nth-child(3) svg{color:#ff7a00;background:#ff7a001f}.dashboard-ads{display:grid;grid-template-rows:minmax(210px,1fr) minmax(210px,1fr);gap:clamp(18px,2.5vh,32px);min-height:0}.dashboard-redesign .ad-slot,.dashboard-redesign .ad-slot--dashboard-banner{border:2px dashed rgba(85,98,118,.58);border-radius:14px;background:linear-gradient(135deg,#fffffff5,#f1f6fad1);color:#4b5565;box-shadow:inset 0 1px #ffffffe6}.dashboard-redesign .ad-slot:hover{border-color:#ff7a00c7;background:#fff8f0}.dashboard-redesign .ad-slot--dashboard-banner{min-height:clamp(46px,5.6vh,68px);width:100%;justify-self:stretch}.dashboard-redesign .ad-slot em{padding:8px 22px;border-radius:10px;background:#ffffffc7;box-shadow:0 7px 18px #0000001a;color:#636b78;font-style:normal;font-size:14px}.dashboard-redesign .ad-slot span{margin-top:10px;font-size:clamp(34px,3.2vw,54px);font-family:Georgia,Times New Roman,serif;font-weight:500}.dashboard-redesign .ad-slot strong{font-size:clamp(15px,1.05vw,20px)}.dashboard-redesign .ad-slot--dashboard-banner span{margin:0;font-size:clamp(20px,1.7vw,30px);font-family:inherit;font-weight:900}.dashboard-redesign .ad-slot--dashboard-banner em{display:none}.dashboard-redesign--dark .dashboard-main,.dashboard-redesign--dark .dashboard-workspace{background:#eef5fb}@media(min-width:1181px)and (max-width:1500px){.dashboard-workspace{grid-template-columns:minmax(0,1fr) 280px;padding:22px}.dashboard-redesign .hero-board{grid-template-columns:minmax(270px,.8fr) minmax(270px,.86fr) minmax(245px,.7fr)}.dashboard-redesign .ad-slot span{font-size:36px}.dashboard-redesign .benefit-strip{grid-template-columns:repeat(3,1fr);min-height:118px}}@media(min-width:1181px)and (max-height:850px){.dashboard-redesign .hero-copy h1{font-size:clamp(42px,4.3vw,78px)}.dashboard-redesign .hero-copy h2{font-size:clamp(17px,1.45vw,26px)}.dashboard-redesign .generator-card,.dashboard-redesign .timer-wrap,.dashboard-redesign .mascot-stage{min-height:232px}.dashboard-redesign .timer-ring{width:150px;height:150px}.dashboard-redesign .mascot-stage img{width:min(315px,98%)}.dashboard-redesign .otp-card strong{font-size:48px}.dashboard-redesign .benefit-strip{min-height:70px}}@media(min-width:1181px)and (max-height:950px){.dashboard-redesign{grid-template-columns:clamp(240px,14.6vw,286px) minmax(0,1fr)}.dashboard-redesign .sidebar{padding:16px 20px 14px}.dashboard-redesign .brand-mark{min-height:58px}.dashboard-redesign .brand-mark img{width:54px;height:54px}.dashboard-redesign .brand-mark strong{font-size:28px}.dashboard-redesign .side-nav{margin-top:22px;gap:8px}.dashboard-redesign .side-nav button{height:48px;font-size:17px}.dashboard-redesign .shield-note{grid-template-columns:54px 1fr}.dashboard-redesign .shield-note>span{width:50px;height:50px}.dashboard-redesign .shield-note h3{font-size:15px}.dashboard-redesign .shield-note p{font-size:12px;line-height:1.45}.dashboard-redesign .visitor{min-height:64px;margin-top:12px;padding:10px 12px;grid-template-columns:44px 1fr 34px}.dashboard-redesign .visitor img{width:42px;height:42px}.dashboard-workspace{min-height:100vh;height:auto;grid-template-columns:minmax(0,1fr) clamp(300px,20vw,374px);gap:18px;padding:14px 18px 12px}.dashboard-content{min-height:100%;height:auto;grid-template-rows:42px minmax(500px,auto) 58px minmax(218px,auto) 68px;gap:10px}.dashboard-redesign .top-actions{min-height:42px}.dashboard-redesign .top-actions .btn,.dashboard-redesign .top-actions .icon-btn{min-height:42px;height:42px}.site-shell--dashboard .mode-switch{top:8px;padding:5px}.site-shell--dashboard .mode-switch button{padding:7px 14px}.dashboard-redesign .hero-board{height:auto;grid-template-columns:minmax(250px,.78fr) minmax(260px,.94fr) minmax(245px,.72fr);gap:14px;padding:10px 14px}.dashboard-redesign .hero-copy h1{font-size:clamp(46px,3.9vw,70px)}.dashboard-redesign .hero-copy h2{margin-top:6px;font-size:clamp(18px,1.35vw,24px)}.dashboard-redesign .generator-card,.dashboard-redesign .timer-wrap,.dashboard-redesign .mascot-stage{min-height:304px;height:auto}.dashboard-redesign .generator-card,.dashboard-redesign .timer-wrap,.dashboard-redesign .otp-card{padding:16px 18px}.dashboard-redesign .generator-card b,.dashboard-redesign .timer-wrap b,.dashboard-redesign .otp-card b{font-size:18px;gap:8px}.dashboard-redesign .generator-card p,.dashboard-redesign .timer-wrap p,.dashboard-redesign .otp-card p{margin-bottom:10px;font-size:12px;line-height:1.35}.dashboard-redesign .generator-card .btn{min-height:46px;font-size:21px}.dashboard-redesign .generator-card label{margin:8px 0 6px;font-size:12px}.dashboard-redesign .input-line{height:48px;font-size:17px}.dashboard-redesign .input-line button{width:38px;height:38px}.dashboard-redesign .timer-ring{width:150px;height:150px;margin-top:10px;border-width:10px}.dashboard-redesign .timer-ring strong{font-size:36px}.dashboard-redesign .timer-ring span{font-size:13px;margin-top:0}.dashboard-redesign .timer-wrap p{margin-top:10px}.dashboard-redesign .timer-wrap p span{font-size:17px}.dashboard-redesign .mascot-stage img{width:min(320px,98%)}.dashboard-redesign .ad-slot--dashboard-banner{min-height:58px}.dashboard-redesign .ad-slot--dashboard-banner span{font-size:22px}.dashboard-redesign .dashboard-grid{height:100%;grid-template-columns:minmax(250px,.43fr) minmax(0,1fr);gap:14px}.dashboard-redesign .otp-card strong{margin-top:8px;font-size:44px;letter-spacing:.08em}.dashboard-redesign .otp-card small{margin-bottom:8px;font-size:14px}.dashboard-redesign .otp-card .btn{min-height:40px;font-size:15px}.dashboard-redesign .panel-head{height:44px}.dashboard-redesign .panel-head h3{font-size:18px}.dashboard-redesign .panel-head button{height:32px;font-size:13px}.dashboard-redesign .mail-row{min-height:38px;font-size:13px}.dashboard-redesign .mail-row--head{min-height:30px}.dashboard-redesign .link-btn{margin:10px auto;font-size:13px}.dashboard-redesign .benefit-strip{min-height:48px;padding:0 12px}.dashboard-redesign .benefit-strip span{grid-template-columns:34px minmax(0,1fr);gap:0 8px;font-size:12px}.dashboard-redesign .benefit-strip svg{width:32px;height:32px;padding:8px}.dashboard-redesign .benefit-strip small{display:none}.dashboard-ads{height:100%;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:14px}.dashboard-redesign .ad-slot em{top:18px;padding:7px 18px;font-size:12px}.dashboard-redesign .ad-slot span{font-size:38px}.dashboard-redesign .ad-slot strong{font-size:16px}}@media(max-width:1180px){.dashboard-redesign{height:auto;min-height:100vh;overflow:visible;grid-template-columns:1fr}.dashboard-redesign .sidebar{position:sticky;height:auto;flex-direction:row;padding:10px 14px;overflow-x:auto;overflow-y:hidden}.dashboard-redesign .side-nav{display:flex;margin:0;min-width:max-content}.dashboard-redesign .side-nav button{min-width:124px}.dashboard-redesign .shield-note,.dashboard-redesign .visitor{display:none}.dashboard-redesign .dashboard-main{height:auto;min-height:100vh;overflow:visible}.dashboard-workspace{height:auto;min-height:100vh;grid-template-columns:1fr}.dashboard-redesign .hero-board{grid-template-columns:1fr 1fr}.dashboard-redesign .hero-copy,.dashboard-redesign .mascot-stage{grid-column:1 / -1}.dashboard-redesign .dashboard-grid{grid-template-columns:1fr}.dashboard-ads{display:none}.dashboard-redesign .benefit-strip{grid-template-columns:repeat(2,1fr);padding:18px;gap:14px}}@media(max-width:720px){html,body,#root,.site-shell,.dashboard-redesign,.landing--ads{max-width:100vw;overflow-x:hidden}.site-shell--dashboard .mode-switch{position:static;transform:none;margin:10px auto}.dashboard-redesign{width:100%}.dashboard-redesign .sidebar{top:0;width:100%;max-width:100vw;box-sizing:border-box}.dashboard-redesign .side-nav{min-width:0;flex:1 1 auto;overflow-x:auto}.dashboard-redesign .side-nav button{min-width:104px;flex:0 0 auto}.dashboard-workspace{width:100%;max-width:100vw;box-sizing:border-box;padding:14px 12px 86px;overflow-x:hidden}.dashboard-content,.dashboard-redesign .hero-board,.dashboard-redesign .dashboard-grid,.dashboard-redesign .generator-card,.dashboard-redesign .timer-wrap,.dashboard-redesign .otp-card,.dashboard-redesign .inbox-panel,.dashboard-redesign .benefit-strip{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.dashboard-redesign .top-actions{display:flex;flex-wrap:wrap;justify-content:start}.dashboard-redesign .top-actions .btn{min-height:42px;padding:0 14px}.dashboard-redesign .hero-board,.dashboard-redesign .dashboard-grid{grid-template-columns:1fr}.dashboard-redesign .hero-copy h1{font-size:46px;max-width:none}.dashboard-redesign .hero-copy h2{font-size:18px;letter-spacing:.08em}.dashboard-redesign .mascot-stage{min-height:230px}.dashboard-redesign .mascot-stage img{width:min(275px,98%)}.dashboard-redesign .mail-row{grid-template-columns:1fr 70px 28px;padding:12px 14px}.dashboard-redesign .mail-row span:nth-child(2),.dashboard-redesign .mail-row span:nth-child(3){grid-column:1 / -1}.dashboard-redesign .mail-row span:nth-child(4){grid-column:2;grid-row:1}.dashboard-redesign .mail-row span:nth-child(5){grid-column:3;grid-row:1}.dashboard-redesign .benefit-strip{grid-template-columns:1fr}}.site-shell--landing{background:#f4f9ff}.landing--ads{width:min(100%,1920px);background:#f2f8ff;color:#061638}.landing--ads .mode-switch{background:#ffffffb8}.ad-landing-header{height:78px;padding:0 30px 0 28px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#0a1e40fa,#010c22fa),#03112a;box-shadow:0 8px 28px #020c2233}.ad-landing-header .brand-mark{min-width:245px;gap:12px}.ad-landing-header .brand-mark--compact img{width:70px;height:70px;margin-left:-6px}.ad-landing-header .brand-mark--compact strong{color:#fff;font-size:48px;font-weight:950;letter-spacing:0;gap:.13em}.ad-landing-header .brand-mark--compact strong span{font-size:1.24em;color:#ff8a00;line-height:.88}.ad-header-tagline{color:#ffffffeb;font-size:19px;font-weight:900;letter-spacing:.02em}.ad-landing-header nav{gap:48px}.ad-landing-header nav button{color:#ffffffeb;font-size:21px;font-weight:950;transition:color .18s ease,transform .18s ease}.ad-landing-header nav button:hover{color:#fff;transform:translateY(-1px)}.ad-landing-header nav button:active{transform:translateY(1px) scale(.98)}.ad-landing-header nav button.active:after{bottom:11px;height:4px;background:#ff8a00}.lang--dark{height:44px;padding:0 16px;border:0;color:#fff;background:transparent;font-size:18px;box-shadow:none}.lang--dark:hover{background:#ffffff17}.ad-landing-layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:16px;padding:0;background:#eef7ff}.ad-landing-main{gap:10px;padding:16px 38px 22px;border-radius:0 12px 12px 0;background:radial-gradient(circle at 74% 18%,rgba(0,123,255,.13),transparent 28%),linear-gradient(180deg,#f7fcff,#eef7ff);box-shadow:inset -1px 0 #cfe2f4e6}.ad-slot{position:relative;overflow:hidden;border:2px dashed rgba(74,86,103,.58);border-radius:10px;background:linear-gradient(180deg,#ffffffb8,#e2effa85),radial-gradient(circle at 50% 40%,rgba(255,255,255,.86),transparent 55%);color:#6c737f;box-shadow:inset 0 1px #ffffffdb;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.ad-slot:hover,.ad-slot.is-focused{transform:translateY(-2px);border-color:#ff8a00d1;background:linear-gradient(180deg,#ffffffe0,#fff4e5b8),radial-gradient(circle at 50% 40%,rgba(255,255,255,.96),transparent 55%);box-shadow:0 12px 28px #081c371a}.ad-slot:active{transform:translateY(0) scale(.995)}.ad-slot em{position:absolute;top:26px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:12px;background:#ffffffb8;color:#808690;font-style:normal;font-size:15px;font-weight:800;box-shadow:0 4px 12px #101c301f}.ad-slot span{margin-top:4px;color:#3f4654;font-size:21px;font-weight:950}.ad-slot strong{color:#747b87;font-size:16px;font-weight:800}.ad-slot--top,.ad-slot--bottom{min-height:68px;width:min(100%,1378px)}.ad-slot--top em,.ad-slot--banner em,.ad-slot--bottom em{display:none}.ad-slot--banner{min-height:62px;width:min(100%,1218px)}.ad-hero{min-height:390px;grid-template-columns:minmax(430px,.78fr) minmax(520px,1.22fr);gap:22px;padding:32px 50px;border-radius:20px;background:linear-gradient(100deg,#effafffa,#e4f6ffd6 42%,#a3d6ffd6),url(/assets/generated/landing-mail-bg.png) center right / cover no-repeat;box-shadow:inset 0 0 0 1px #b7dcfae6,0 18px 40px #1b4a7514}.ad-hero:before,.ad-hero:after{content:"";position:absolute;pointer-events:none}.ad-hero:before{width:680px;height:280px;right:42px;top:36px;border:2px dashed rgba(255,255,255,.72);border-left:0;border-bottom:0;border-radius:55% 45% 0 0;transform:rotate(-6deg);opacity:.82}.ad-hero:after{width:360px;height:360px;right:-92px;bottom:-178px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.42),rgba(255,138,0,.16) 44%,transparent 45%)}.ad-hero h1{color:#07183a;font-size:clamp(72px,5.8vw,116px);font-weight:950;line-height:.95;text-shadow:0 3px 0 rgba(255,255,255,.72)}.ad-hero h1 span{color:#ff7900}.ad-hero h2{margin:15px 0;color:#008675;font-size:clamp(25px,1.85vw,36px);font-weight:950;letter-spacing:.04em}.ad-hero h2:first-letter{color:#ff7900}.ad-hero p{max-width:650px;color:#07183a;font-size:clamp(16px,1vw,20px);line-height:1.62;font-weight:750}.ad-hero__cta{min-width:clamp(330px,25vw,440px);min-height:76px;border:3px solid rgba(255,177,84,.92);border-radius:999px;font-size:clamp(26px,1.8vw,34px);box-shadow:0 18px 30px #ff700047,inset 0 -5px #be480052}.ad-hero__cta:hover{box-shadow:0 22px 40px #ff70005c,inset 0 -5px #be480047}.ad-hero__note{color:#008675;font-size:clamp(19px,1.25vw,25px);font-weight:950}.ad-hero__visual{min-height:320px;place-items:end end}.ad-hero__visual:before{content:"";position:absolute;right:84px;bottom:24px;width:360px;height:86px;border-radius:50%;background:radial-gradient(closest-side,rgba(5,43,88,.18),transparent);z-index:1}.ad-hero__visual img{width:min(410px,48%);min-width:300px;margin-right:30px;z-index:4}.hero-envelope{position:absolute;z-index:2;color:#ffffffeb;filter:drop-shadow(0 8px 14px rgba(15,92,170,.2))}.hero-envelope--one{top:44px;right:82px;transform:rotate(15deg)}.hero-envelope--two{top:76px;left:260px;transform:rotate(-14deg)}.hero-envelope--three{bottom:58px;left:120px;color:#16b8e8;transform:rotate(-25deg)}.ad-mail-card{left:4%;top:31%;width:clamp(260px,21vw,340px);min-height:174px;grid-template-columns:56px 1fr;padding:20px 22px 18px;border-radius:18px;background:#ffffffe6;box-shadow:0 16px 40px #0f5caa2e}.ad-mail-card>svg{width:54px;height:54px;border-radius:14px;background:#138dff}.ad-mail-card span{color:#111827;font-size:16px}.ad-mail-card strong{font-size:clamp(20px,1.25vw,24px)}.ad-mail-card small{grid-column:1 / -1;margin-top:12px;color:#008675;font-size:15px;font-weight:850}.ad-mail-card b{grid-column:1 / -1;margin-top:-4px;color:#009a88;font-size:clamp(27px,1.9vw,35px);line-height:1}.ad-mail-card i{grid-column:1 / -1;height:7px;width:70%;border-radius:999px;background:linear-gradient(90deg,#08bda4 0 62%,#d8e0ea 62%)}.ad-feature-strip{min-height:96px;border-radius:18px;border-color:#c9ddeff2;background:#ffffffc2;box-shadow:0 12px 30px #1b4a750f}.ad-feature{min-height:96px;grid-template-columns:88px 1fr;padding:16px 34px;border-right-color:#d4e3f0;transition:background .18s ease,transform .18s ease}.ad-feature:hover{background:#ffffffeb;transform:translateY(-2px)}.ad-feature:active{transform:translateY(0) scale(.995)}.ad-feature span{width:72px;height:72px;border-radius:50%;color:#fff;box-shadow:0 12px 22px #062f6621}.ad-feature.feature-card--orange span{background:linear-gradient(145deg,#168dff,#006ff0)}.ad-feature.feature-card--blue span{background:linear-gradient(145deg,#18c7aa,#00a989)}.ad-feature.feature-card--green span{background:linear-gradient(145deg,#8059ff,#6235f0)}.ad-feature b{color:#0577ff;font-size:25px;font-weight:950}.ad-feature:nth-child(2) b{color:#009b83}.ad-feature:nth-child(3) b{color:#6947f2}.ad-feature p{color:#141b2d;font-size:17px;font-weight:650}.ad-content-row{grid-template-columns:minmax(0,1fr) 300px;gap:66px;align-items:stretch}.ad-steps{min-height:190px;padding:24px 34px;border-radius:18px;border-color:#c9ddeff2;background:#ffffffd1;box-shadow:0 12px 30px #1b4a750f}.ad-steps h3{margin-bottom:12px;color:#07183a;font-size:31px;font-weight:950}.ad-steps h3 span{color:#f7b500;font-size:.85em}.ad-steps__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ad-steps__items button{position:relative;min-height:116px;grid-template-columns:86px 1fr;padding:10px 10px 10px 0;border:0;border-radius:16px;background:transparent}.ad-steps__items button:not(:last-child):after{content:"";position:absolute;right:-28px;top:50%;width:36px;height:22px;transform:translateY(-50%);background:linear-gradient(90deg,#168dff,#19bf9f);clip-path:polygon(0 34%,68% 34%,68% 0,100% 50%,68% 100%,68% 66%,0 66%)}.ad-steps__items button:hover{background:#eff9ffe6}.ad-steps__items i{position:absolute;left:0;top:38px;width:40px;height:40px;background:#168dff;color:#fff;box-shadow:0 10px 18px #087bff38}.ad-steps__items button:nth-child(2) i{background:#12bfa0}.ad-steps__items button:nth-child(3) i{background:#ff8500}.ad-steps__items span{grid-row:span 2;width:86px;height:86px;margin-left:20px;border:1px solid #acd3ff;border-radius:22px;color:#168dff;background:#f0f8ffd9}.ad-steps__items button:nth-child(2) span{border-color:#12bfa08c;color:#12bfa0}.ad-steps__items button:nth-child(3) span{border-color:#ff85008c;color:#ff8500}.ad-steps__items b{grid-column:2;color:#07183a;font-size:19px;font-weight:950}.ad-steps__items small{grid-column:2;color:#344054;font-size:15px;font-weight:650}.ad-slot--box{min-height:240px}.ad-slot--box span{font-size:34px}.ad-slot--box strong{font-size:22px}.ad-landing-rail{gap:18px;padding:14px 22px 22px 0;background:#eaf4ff}.ad-slot--skyscraper{min-height:830px;max-height:none;top:92px;border-radius:18px}.ad-slot--skyscraper span{font-size:32px}.ad-slot--skyscraper strong{font-size:27px}.rail-promo{min-height:128px;border-radius:16px;border:2px solid #16c7a7;background:#eafff9;grid-template-columns:1fr 88px;color:#037967}.rail-promo img{width:108px;transform:translate(12px,12px)}.rail-promo b{color:#009b83;font-size:20px;font-weight:950}.rail-promo span{color:#07183a;font-size:15px;font-weight:750}.ad-debug-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px;border:1px solid rgba(190,207,224,.8);border-radius:12px;background:#ffffffb8}.ad-debug-controls button{min-height:30px;border:0;border-radius:8px;background:transparent;color:#566174;font-size:12px;font-weight:850}.ad-debug-controls button:hover,.ad-debug-controls button.active{background:#ff8a00;color:#fff}.ad-debug-controls button:active{transform:scale(.96)}@media(min-width:721px)and (max-width:1180px){.ad-landing-header{padding:0 18px}.ad-header-tagline{display:none}.ad-landing-header nav{gap:20px}.ad-landing-layout{grid-template-columns:minmax(0,1fr) 250px}.ad-landing-main{padding:14px}.ad-hero{min-height:340px;grid-template-columns:minmax(330px,.88fr) minmax(270px,1fr);padding:26px}.ad-hero h1{font-size:clamp(52px,6vw,68px)}.ad-hero__visual img{min-width:210px;width:58%;margin-right:0}.ad-mail-card{left:-6%;width:225px;min-height:150px}.ad-feature{padding:14px;grid-template-columns:64px 1fr}.ad-feature span{width:56px;height:56px}.ad-content-row{grid-template-columns:1fr;gap:12px}.ad-slot--box{min-height:130px}.ad-slot--skyscraper{min-height:560px}}@media(max-width:720px){.ad-header-tagline,.ad-debug-controls{display:none}.ad-landing-header{min-height:70px;padding:10px 14px}.ad-landing-header .brand-mark{min-width:0}.ad-landing-header .brand-mark--compact img{width:52px;height:52px}.ad-landing-header .brand-mark--compact strong{font-size:32px}.lang--dark{padding:0 10px;font-size:14px}.ad-landing-layout{display:block;padding:0}.ad-landing-main{padding:12px}.ad-slot em{display:none}.ad-hero{grid-template-columns:1fr;padding:24px 20px;border-radius:18px}.ad-hero h1{font-size:54px}.ad-hero p{font-size:16px}.ad-hero__visual{min-height:310px}.ad-hero__visual img{width:245px;min-width:0;margin:0 auto}.ad-mail-card{position:relative;left:auto;top:auto;width:100%}.hero-envelope{opacity:.55}.ad-feature-strip{grid-template-columns:1fr}.ad-feature{grid-template-columns:64px 1fr;border-right:0;border-bottom:1px solid #d4e3f0}.ad-content-row{grid-template-columns:1fr;gap:12px}.ad-steps__items{grid-template-columns:1fr}.ad-steps__items button:not(:last-child):after{display:none}}.site-shell--landing .mode-switch{display:none}.ad-landing-main{gap:10px}.ad-slot--top{min-height:70px}.ad-hero{min-height:392px;grid-template-columns:minmax(660px,.86fr) minmax(560px,1.14fr);padding:30px 48px}.ad-hero h1{white-space:nowrap;font-size:clamp(70px,4.8vw,96px)}.ad-hero h2{font-size:clamp(24px,1.7vw,34px)}.ad-hero p{max-width:600px;font-size:clamp(15px,.98vw,18px)}.ad-hero__visual{min-height:300px}.ad-hero__visual img{width:min(360px,44%);min-width:280px;margin-right:28px}.ad-mail-card{top:29%;left:2%;width:clamp(260px,19vw,330px);min-height:158px}.ad-slot--banner{min-height:58px}.ad-feature-strip{min-height:92px}.ad-steps{min-height:184px}@media(min-width:721px)and (max-width:1500px){.ad-landing-header{height:78px}.ad-landing-header .brand-mark{min-width:230px}.ad-landing-header .brand-mark--compact strong{font-size:42px}.ad-landing-header nav{gap:28px}.ad-landing-main{padding:16px 26px 20px}.ad-hero{grid-template-columns:minmax(420px,.88fr) minmax(420px,1.12fr);min-height:360px;padding:26px 34px}.ad-hero h1{white-space:normal;font-size:clamp(58px,5vw,72px)}.ad-hero__visual img{width:260px;min-width:240px;margin-right:0}.ad-mail-card{left:-3%;top:35%;width:250px}.ad-feature b{font-size:22px}.ad-feature p{font-size:15px}}@media(max-width:720px){.ad-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}.ad-hero h1{white-space:normal;max-width:100%;font-size:44px;line-height:1.04;overflow-wrap:anywhere}.ad-hero__copy{min-width:0}.ad-hero__cta{width:100%;min-width:0;padding-inline:16px;font-size:24px}.ad-hero__cta span{white-space:nowrap}.ad-hero p{max-width:100%}.ad-mail-card{min-width:0}}.ad-mail-card{display:none}.ad-countdown-orbit{position:absolute;left:5%;top:23%;z-index:3;width:330px;height:220px;display:grid;place-items:center start}.ad-countdown-ring{position:relative;width:178px;height:178px;display:grid;place-items:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 58%,transparent 59%),conic-gradient(from 18deg,#e67812 0 23%,transparent 23% 39%,#e67812 39% 82%,transparent 82% 100%);filter:drop-shadow(0 20px 26px rgba(19,67,120,.12))}.ad-countdown-ring:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dae1eae6,0 8px 18px #12233c14}.ad-countdown-ring strong,.ad-countdown-ring span,.ad-countdown-ring .tick{position:relative;z-index:1}.ad-countdown-ring strong{align-self:end;color:#e67812;font-size:64px;font-weight:950;line-height:.9}.ad-countdown-ring span{align-self:start;margin-top:4px;color:#243042;font-size:14px;font-weight:900}.ad-countdown-ring .tick{position:absolute;width:4px;height:14px;border-radius:999px;background:#e8a253}.tick--top{top:42px;left:50%;transform:translate(-50%)}.tick--bottom{bottom:42px;left:50%;transform:translate(-50%)}.tick--left{left:44px;top:50%;transform:translateY(-50%) rotate(90deg)}.tick--right{right:44px;top:50%;transform:translateY(-50%) rotate(90deg)}.paper-trail{position:absolute;left:150px;top:28px;width:150px;height:120px;overflow:visible}.paper-trail path{fill:none;stroke:#e67812;stroke-width:4;stroke-linecap:round;stroke-dasharray:8 10}.paper-trail polygon{fill:#263241;filter:drop-shadow(0 6px 8px rgba(15,34,58,.18))}.ad-slot--rail-small{min-height:98px;width:100%;flex:0 0 auto}.ad-slot--rail-small em,.ad-debug-controls{display:none}.rail-promo{min-height:116px;grid-template-columns:1fr 76px;gap:10px;padding:14px 12px 14px 16px;flex:0 0 auto}.rail-promo img{width:68px;height:68px;object-fit:contain;justify-self:center;align-self:center;transform:none}.ad-steps{min-height:140px}.ad-steps__items{gap:42px}.ad-steps__items button{min-height:88px;grid-template-columns:78px minmax(0,1fr);padding:8px 18px;overflow:visible}.ad-steps__items button:not(:last-child):after{right:-36px;width:28px;height:28px;background:transparent;border-top:4px solid #7e8794;border-right:4px solid #7e8794;clip-path:none;transform:translateY(-50%) rotate(45deg)}.ad-steps__items i{left:12px;top:36px;width:32px;height:32px}.ad-steps__items span{width:66px;height:66px;margin-left:18px;border-radius:50%;background:#fff;color:#e67812;box-shadow:0 10px 22px #16263e1f}.ad-steps__items b,.ad-steps__items small{padding-left:10px}.ad-steps__items b{font-size:17px}.ad-steps__items small{font-size:13px}@media(max-width:720px){.ad-countdown-orbit{position:relative;left:auto;top:auto;width:100%;height:205px;place-items:center}.paper-trail{left:55%}.ad-steps__items{gap:12px}.ad-steps__items button:not(:last-child):after{display:none}}.ad-landing-header .brand-mark--compact img{padding:0;border-radius:10px;background:transparent;box-shadow:none;object-fit:contain}.ad-hero{background:linear-gradient(90deg,#effafffa,#e8f6ffbd 42%,#bce1ff9e),radial-gradient(circle at 82% 68%,rgba(255,138,0,.18),transparent 20%),url(/assets/generated/dashboard-mail-bg.png) center right / cover no-repeat}.ad-hero__visual img{animation:none;width:min(420px,52%);min-width:320px;margin-right:54px;filter:drop-shadow(0 26px 30px rgba(20,49,93,.18)) saturate(.98)}.ad-countdown-orbit{left:8%;top:22%}.ad-countdown-ring{background:radial-gradient(circle at 50% 50%,#fff 0 58%,transparent 59%),conic-gradient(from -32deg,transparent 0 34deg,#e67812 34deg 342deg,transparent 342deg 360deg)}.ad-countdown-ring strong{color:#e67812}.paper-trail{left:154px}.rail-promo{align-items:center}.rail-promo img{display:block;padding:0;border-radius:10px;background:transparent;object-position:center}.ad-landing-header .brand-mark--compact img{width:48px;height:48px;object-fit:cover;object-position:center 16%;clip-path:inset(18% 18% 24% 18% round 10px)}.ad-slot--skyscraper{position:relative;top:auto;min-height:760px}.rail-promo{min-height:172px;grid-template-columns:minmax(0,1fr) 96px;overflow:hidden}.rail-promo video{grid-column:2;grid-row:1 / 3;justify-self:center;align-self:center;width:92px;height:142px;border:0;border-radius:18px;object-fit:cover;object-position:54% 64%;pointer-events:none;filter:drop-shadow(0 12px 18px rgba(17,45,71,.18));-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%)}.rail-promo video::-webkit-media-controls{display:none!important}@media(min-width:721px)and (max-width:1500px){.ad-hero__visual img{min-width:265px;width:290px;margin-right:28px}.ad-countdown-orbit{left:1%}}@media(max-width:720px){.ad-hero__visual img{width:270px;min-width:0;margin:0 auto}}@media(max-width:720px){.site-shell--landing{padding-bottom:24px}.ad-landing-header{position:sticky;top:0;z-index:60;min-height:68px;height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:10px;row-gap:8px;padding:8px 10px 10px;border-radius:0 0 12px 12px}.ad-landing-header .brand-mark{min-width:0;gap:8px}.ad-landing-header .brand-mark--compact img{width:50px;height:50px}.ad-landing-header .brand-mark--compact strong{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:34px;line-height:1}.ad-landing-header .brand-mark--compact strong span{font-size:1.05em}.ad-landing-header nav{grid-column:1 / -1;display:flex;gap:8px;margin:0;padding:2px 2px 0;overflow-x:auto;scrollbar-width:none}.ad-landing-header nav::-webkit-scrollbar{display:none}.ad-landing-header nav button{flex:0 0 auto;min-width:86px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff14;font-size:14px}.ad-landing-header nav button.active:after{display:none}.share-button--landing{width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center}.share-button--landing span{display:none}.ad-landing-header .language-picker{justify-self:end;max-width:146px}.ad-landing-header .language-picker .lang--dark{width:auto;max-width:146px;height:44px;min-height:44px;display:grid;grid-template-columns:18px minmax(0,1fr) 14px;gap:7px;padding:0 10px;font-size:14px}.ad-landing-header .language-picker .lang--dark span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ad-landing-header .language-menu{right:0;max-width:calc(100vw - 24px)}.ad-landing-layout{display:block;padding:0}.ad-landing-main{padding:12px}.ad-hero{padding:22px 18px}.ad-hero h1{white-space:normal;font-size:clamp(42px,12vw,54px);line-height:.98}.ad-hero__cta{width:100%}.ad-hero__visual{display:grid;min-height:330px}.ad-hero__visual img{width:min(300px,86%);align-self:end}.ad-countdown-orbit{height:170px}.ad-landing-rail{display:grid;gap:12px;padding:0 12px 16px;background:transparent}.ad-slot--skyscraper{min-height:360px;max-height:none}.ad-slot--rail-small{min-height:82px}.rail-promo{min-height:170px;grid-template-columns:minmax(0,1fr) 118px}.rail-promo video{width:112px;height:150px;object-fit:cover}.mobile-start-cta{position:static;width:calc(100% - 24px);margin:0 12px 16px;min-height:54px;border:0;border-radius:16px;color:#fff;background:linear-gradient(180deg,#ff9200,#ff7300);box-shadow:0 16px 34px #ff7a0052;display:flex;align-items:center;justify-content:center;gap:10px;font-size:19px;font-weight:950}.dashboard-redesign .sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px 12px 14px;overflow:visible}.dashboard-redesign .brand-mark{align-self:start}.dashboard-redesign .side-nav{width:100%;display:flex;gap:10px;padding:2px 0 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.dashboard-redesign .side-nav::-webkit-scrollbar{display:none}.dashboard-redesign .side-nav button{flex:0 0 auto;min-width:132px;height:54px;padding:0 16px;border-radius:14px;font-size:16px}.dashboard-redesign .side-nav:after{content:"滑動查看更多";flex:0 0 auto;align-self:center;color:#ffffffb3;font-size:13px;font-weight:850;padding-right:8px}.dashboard-redesign .visitor{display:none!important}.dashboard-redesign .top-actions{justify-content:space-between;gap:10px}.dashboard-redesign .top-actions>.btn--glass{display:inline-flex;width:48px;min-width:48px;padding:0}.dashboard-redesign .top-actions>.btn--glass span{display:none}.dashboard-redesign .top-actions .language-picker{margin-left:auto}.dashboard-redesign .language-picker__trigger{max-width:170px;display:grid;grid-template-columns:24px minmax(0,1fr) 16px;gap:8px;padding:0 12px;color:#fff;background:linear-gradient(180deg,#071b3b,#03112a);border-color:#ffffff2e}.dashboard-redesign .language-picker__trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-redesign .top-actions>.btn--glass{color:#fff;background:linear-gradient(180deg,#071b3b,#03112a);border-color:#ffffff2e}.dashboard-ads{display:grid;gap:12px}.dashboard-ads .ad-slot{min-height:280px}}.dashboard-redesign .visitor{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;min-width:0;padding:12px 54px 12px 12px}.dashboard-redesign .visitor img{grid-row:1 / 3;grid-column:1;width:44px;height:44px;border-radius:12px;object-fit:contain;background:#ffffffeb}.dashboard-redesign .visitor b,.dashboard-redesign .visitor small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-redesign .visitor b{align-self:end;font-size:15px;line-height:1.2}.dashboard-redesign .visitor small{align-self:start;font-size:12px;line-height:1.25;color:#ffffffb8}.dashboard-redesign .visitor i{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 9px;font-size:11px}.ad-landing-header .brand-mark--compact img,.dashboard-redesign .brand-mark img,.dashboard-redesign .visitor img{clip-path:none!important;-webkit-clip-path:none!important;object-fit:contain;object-position:center;background:transparent;border-radius:0;opacity:.86;padding:0;box-shadow:none}.ad-landing-header .brand-mark--compact img{width:54px;height:54px}.dashboard-redesign .brand-mark img{width:clamp(58px,4.4vw,78px);height:clamp(58px,4.4vw,78px)}.dashboard-redesign .visitor img{width:52px;height:52px}.dashboard-redesign .timer-ring{width:clamp(150px,11.6vw,190px);height:clamp(150px,11.6vw,190px);aspect-ratio:1 / 1;border:10px solid #13c7a7!important;border-radius:50%;background:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 18px 34px #13c7a729,inset 0 0 0 10px #13c7a70f}.dashboard-redesign .timer-ring strong,.dashboard-redesign .timer-ring span{position:static;transform:none}.dashboard-redesign .timer-ring strong{font-size:clamp(36px,2.4vw,46px);line-height:1}.dashboard-redesign .timer-ring span{color:var(--dash-muted);font-size:14px;line-height:1.2}.dashboard-redesign .timer-ring i{top:-12px;left:50%;right:auto;transform:translate(-50%)}.dashboard-redesign .benefit-strip{min-height:68px;align-items:center;overflow:visible}.dashboard-redesign .benefit-strip span{align-items:center;row-gap:2px;min-width:0}.dashboard-redesign .benefit-strip b{align-self:end;font-size:clamp(12px,.82vw,16px);line-height:1.15}.dashboard-redesign .benefit-strip small{display:block!important;align-self:start;color:#667085;font-size:clamp(10px,.68vw,13px);font-weight:750;line-height:1.25}@media(min-width:1181px)and (max-height:950px){.dashboard-redesign .generator-card,.dashboard-redesign .timer-wrap,.dashboard-redesign .mascot-stage{min-height:304px;height:auto}.dashboard-redesign .ad-slot--dashboard-banner{min-height:58px}}