/* QO7 Webmail Auth */
:root{
  --font-display:"Funnel Display",system-ui,sans-serif;
  --font-sans:"Funnel Sans",system-ui,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --radius:4px;--radius-lg:8px;
  --ok:#34d3c0;--warn:#e6c46b;--err:#ff7d72;--info:#7fb4e8;
}
/* Dunkles Theme */
html[data-brand="qo7"]{--bg:#0a0b0e;--bg-2:#101218;--bg-deep:#08090c;--surface:#16181d;--surface-2:#1b1e25;--surface-3:#20232b;--line:#2a2e37;--line-2:#3a404c;--text:#eef0f4;--text-2:#a7adb8;--text-3:#7f8590;--acc:#f5f6f8;--acc-2:#ffffff;--acc-ink:#0a0b0e;--acc-dim:rgba(245,246,248,.08);--acc-line:rgba(245,246,248,.28)}
html[data-brand="manea"]{--bg:#0a0b0e;--bg-2:#101218;--bg-deep:#08090c;--surface:#16181d;--surface-2:#1b1e25;--surface-3:#20232b;--line:#2a2e37;--line-2:#3a404c;--text:#eef0f4;--text-2:#a7adb8;--text-3:#7f8590;--acc:#34d3c0;--acc-2:#5bf0dc;--acc-ink:#003731;--acc-dim:rgba(52,211,192,.09);--acc-line:rgba(52,211,192,.38)}
/* light */
html[data-theme="light"][data-brand="qo7"]{--bg:#f4f5f6;--bg-2:#eef0f1;--bg-deep:#e9ebec;--surface:#fff;--surface-2:#fafafb;--surface-3:#eef0f1;--line:#e3e4e7;--line-2:#d2d4d9;--text:#16181d;--text-2:#54565e;--text-3:#71757d;--acc:#111317;--acc-2:#000000;--acc-ink:#ffffff;--acc-dim:rgba(17,19,23,.06);--acc-line:rgba(17,19,23,.22)}
html[data-theme="light"][data-brand="manea"]{--bg:#f4f5f6;--bg-2:#eef0f1;--bg-deep:#e9ebec;--surface:#fff;--surface-2:#fafafb;--surface-3:#eef0f1;--line:#e3e4e7;--line-2:#d2d4d9;--text:#16181d;--text-2:#54565e;--text-3:#71757d;--acc:#0e9c89;--acc-2:#0b7d6e;--acc-ink:#fff;--acc-dim:rgba(14,156,137,.08);--acc-line:rgba(14,156,137,.32)}

*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:none}
a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.muted{color:var(--text-3)}button{font-family:inherit}svg{display:block}
::selection{background:var(--acc);color:var(--acc-ink)}

/* ---------- Brand / Buttons / Cards / Fields / Pills ---------- */
.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.12rem;text-decoration:none}
.brand .sq{width:13px;height:13px;border-radius:3px;background:var(--acc)}
.brand-logo{height:30px;width:auto;max-width:132px;object-fit:contain;flex:0 0 auto;display:block}
.brand-logo.is-light{display:none}
.brand-logo.is-dark{display:block}
html[data-theme="light"] .brand-logo.is-light{display:block}
html[data-theme="light"] .brand-logo.is-dark{display:none}
.brand-lockup{gap:12px}
.brand-divider{width:1px;height:24px;background:var(--line-2);flex:none}
.brand-sub,.brand .sub{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);font-weight:400;text-transform:lowercase;white-space:nowrap}
.icon-btn{width:36px;height:36px;min-width:36px;border-radius:var(--radius);border:1px solid var(--line-2);background:transparent;color:var(--text-2);cursor:pointer;display:grid;place-items:center;transition:border-color .15s,color .15s}
.icon-btn:hover{border-color:var(--acc);color:var(--acc)}.icon-btn svg{width:17px;height:17px}
.btn{min-height:36px;font-family:var(--font-mono);font-size:.74rem;border:1px solid var(--line-2);background:transparent;color:var(--text);border-radius:var(--radius);padding:.46rem .78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;text-decoration:none;transition:border-color .2s,background .2s,color .2s;line-height:1.15;white-space:nowrap}
.btn svg{width:15px;height:15px}.btn:hover{border-color:var(--acc);color:var(--acc-2)}
.btn-primary,.btn.primary{background:var(--acc);color:var(--acc-ink);border-color:var(--acc);font-weight:550}
.btn-primary:hover,.btn.primary:hover{filter:brightness(1.08);color:var(--acc-ink)}
.btn.sm{min-height:30px;padding:.34rem .6rem;font-size:.7rem}
.btn-block{width:100%;justify-content:center}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem}
.field{margin-bottom:1rem}.field label{display:block;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:.35rem}
.field input{width:100%;min-height:40px;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius);padding:.7rem .8rem;color:var(--text);font-family:var(--font-sans);outline:none;transition:border-color .2s}
.field input:focus{border-color:var(--acc)}.field.bad input{border-color:var(--err)}
.pill{font-family:var(--font-mono);font-size:.7rem;padding:.14rem .55rem;border-radius:99px;border:1px solid var(--line-2);color:var(--text-2);display:inline-flex;align-items:center;gap:.35rem}
.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}
.pill.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}
.pill.err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}
.pill.acc{color:var(--acc-2);border-color:var(--acc-line);background:var(--acc-dim)}
.seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden}
.seg button{padding:.32rem .7rem;background:transparent;border:0;color:var(--text-2);cursor:pointer;font-family:var(--font-mono);font-size:.74rem}
.seg button[aria-pressed="true"]{background:var(--acc);color:var(--acc-ink);font-weight:600}

.wm-prev{display:flex;align-items:center;gap:.6rem;justify-content:center;background:var(--acc-dim);border-bottom:1px solid var(--acc-line);color:var(--acc-2);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;padding:.35rem 1rem}
.wm-prev a{color:var(--acc-2);text-decoration:underline}

/* ---------- Topbar ---------- */
.wm-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px)}
.wm-search{flex:1;max-width:34rem;display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);padding:.45rem .7rem}
.wm-search:focus-within{border-color:var(--acc)}.wm-search svg{width:15px;height:15px;color:var(--text-3)}
.wm-search input{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-family:var(--font-mono);font-size:.82rem}
.wm-acct{display:flex;align-items:center;gap:.5rem;font-size:.82rem;padding:.3rem .3rem .3rem .7rem;border:1px solid var(--line);border-radius:99px}
.wm-acct .av{width:26px;height:26px;border-radius:50%;background:var(--acc-dim);color:var(--acc-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;border:1px solid var(--acc-line)}
.wm-acct .nm{font-family:var(--font-mono);font-size:.74rem;color:var(--text-2)}

/* ---------- Shell + App-Rail ---------- */
.wm-shell{display:flex;height:calc(100vh - 53px - 40px)}
.wm-rail{width:78px;flex-shrink:0;border-right:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;align-items:stretch;padding:.6rem .4rem;gap:.25rem;overflow-y:auto}
.rail-btn{display:flex;flex-direction:column;align-items:center;gap:.22rem;padding:.55rem .2rem;border:0;background:transparent;color:var(--text-3);border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.02em;text-decoration:none}
.rail-btn svg{width:20px;height:20px}
.rail-btn:hover{color:var(--text);background:var(--surface-2)}
.rail-btn.active{color:var(--acc);background:var(--acc-dim)}
.rail-spacer{margin-top:auto}
.wm-app{flex:1;display:flex;overflow:hidden;min-width:0}

/* generisches linkes Sub-Panel (Ordner, Kalender, Gruppen) */
.wm-side{width:232px;flex-shrink:0;border-right:1px solid var(--line);padding:.9rem .8rem;display:flex;flex-direction:column;gap:.85rem;overflow:auto}
.wm-side .btn-primary{justify-content:center}
.wm-navlist{display:flex;flex-direction:column;gap:.1rem}
.wm-navlist button,.wm-navlist a{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;background:transparent;border:0;color:var(--text-2);font-family:var(--font-sans);font-size:.9rem;padding:.5rem .6rem;border-radius:var(--radius);cursor:pointer;text-decoration:none}
.wm-navlist svg{width:16px;height:16px;opacity:.85}
.wm-navlist button:hover,.wm-navlist a:hover{background:var(--surface-2);color:var(--text)}
.wm-navlist button.active,.wm-navlist a.active{background:var(--acc-dim);color:var(--acc)}.wm-navlist .active svg{opacity:1}
.wm-navlist .cnt{margin-left:auto;font-family:var(--font-mono);font-size:.7rem;color:var(--text-3)}
.wm-navlist .active .cnt{color:var(--acc)}
.side-h{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:.2rem .2rem .1rem}
.wm-storage{margin-top:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text-3)}
.wm-storage .meter{height:5px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:.4rem}.wm-storage .meter i{display:block;height:100%;background:var(--acc)}

/* ---------- MAIL: Liste + Lese-Pane ---------- */
.wm-list{width:360px;flex-shrink:0;border-right:1px solid var(--line);overflow-y:auto}
.wm-listhead{position:sticky;top:0;background:var(--bg);padding:.65rem 1rem;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);display:flex;justify-content:space-between;align-items:center}
.wm-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}
.wm-row:hover{background:var(--surface-2)}.wm-row.sel{background:var(--acc-dim);box-shadow:inset 2px 0 0 var(--acc)}
.wm-row.unread .from{font-weight:600;color:var(--text)}.wm-row.unread .from::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acc);margin-right:.45rem;vertical-align:1px}
.wm-row .star{background:none;border:0;color:var(--text-3);cursor:pointer;padding:0}.wm-row .star svg{width:15px;height:15px}.wm-row .star.on{color:var(--warn)}
.wm-row .from{font-size:.88rem}.wm-row .subj{font-size:.84rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-row .snip{font-size:.78rem;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wm-row .meta{text-align:right;font-family:var(--font-mono);font-size:.68rem;color:var(--text-3);white-space:nowrap}
.wm-read{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}
.wm-toolbar{display:flex;gap:.4rem;flex-wrap:wrap;padding:.6rem 1.1rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:2}
.wm-rhead{padding:1.1rem 1.3rem;border-bottom:1px solid var(--line)}
.wm-rhead h2{font-family:var(--font-display);font-weight:600;font-size:1.25rem;margin:0 0 .6rem}
.wm-rhead .meta{font-family:var(--font-mono);font-size:.76rem;color:var(--text-3);display:flex;flex-direction:column;gap:.2rem}
.wm-secure-banner{display:flex;align-items:center;gap:.5rem;margin:.7rem 0 0;font-size:.78rem;color:var(--ok);font-family:var(--font-mono)}.wm-secure-banner svg{width:14px;height:14px}
.wm-rbody{padding:1.3rem;font-size:.93rem;color:var(--text-2);line-height:1.7;flex:1}
.wm-ratt{padding:1rem 1.3rem;border-top:1px solid var(--line);display:flex;gap:.5rem;flex-wrap:wrap}
.att-chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.74rem;border:1px solid var(--line-2);border-radius:var(--radius);padding:.3rem .6rem;color:var(--text-2)}.att-chip svg{width:13px;height:13px;color:var(--acc)}
.wm-empty{display:grid;place-items:center;height:100%;color:var(--text-3);font-family:var(--font-mono);font-size:.84rem;gap:.6rem}.wm-empty svg{width:34px;height:34px;opacity:.5}

/* ---------- Footer ---------- */
.wm-foot{border-top:1px solid var(--line);background:var(--bg-2);font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);padding:.55rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.wm-foot a{color:var(--acc-2)}

/* ---------- Compose (Modal mit RTE + Verschlüsselung) ---------- */
.wm-compose{position:fixed;right:1.5rem;bottom:1.5rem;width:min(40rem,94vw);max-height:88vh;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:0 24px 70px -24px #000;z-index:60;display:none;flex-direction:column;overflow:hidden}
.wm-compose.open{display:flex}
.wm-chead{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.78rem}
.wm-chead .x{background:none;border:0;color:var(--text-3);cursor:pointer;font-size:1.1rem;line-height:1}
.wm-cbody{padding:0 1rem;overflow:auto}
.cfield{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--line);padding:.1rem 0}
.cfield label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-3);width:3.6rem;flex-shrink:0}
.cfield input{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-family:var(--font-sans);padding:.6rem 0}
.cfield .ccbcc{display:flex;gap:.6rem;font-family:var(--font-mono);font-size:.72rem}
.cfield .ccbcc button{background:none;border:0;color:var(--acc-2);cursor:pointer;font-family:inherit}
.rte{display:flex;gap:.15rem;flex-wrap:wrap;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}
.rte select{background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text);font-family:var(--font-mono);font-size:.72rem;padding:.25rem .4rem}
.rte button{width:30px;height:28px;border:0;background:transparent;color:var(--text-2);border-radius:var(--radius);cursor:pointer;display:grid;place-items:center;font-size:.82rem}
.rte button:hover{background:var(--surface-2);color:var(--text)}.rte .sep{width:1px;height:18px;background:var(--line-2);margin:0 .2rem}
.ctext{width:100%;min-height:9rem;background:transparent;border:0;outline:none;color:var(--text);font-family:var(--font-sans);padding:.8rem 0;resize:vertical}
.ctext:empty:before{content:attr(data-ph);color:var(--text-3)}
.wm-cfoot{padding:.8rem 1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.7rem}
.cfoot-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.sig-sel{margin-left:auto;display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.74rem;color:var(--text-3)}
.sig-sel select{background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text);padding:.35rem .5rem;font-family:var(--font-sans)}
.enc-toggle{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line-2);border-radius:var(--radius);padding:.45rem .8rem;background:transparent;color:var(--text);cursor:pointer;font-family:var(--font-mono);font-size:.76rem}
.enc-toggle svg{width:14px;height:14px;color:var(--acc)}
.enc-toggle.active{border-color:var(--acc-line);background:var(--acc-dim);color:var(--acc)}
.enc-panel{display:none;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.2rem}.enc-panel.open{display:grid}
.enc-card{border:1px solid var(--line-2);border-radius:var(--radius);padding:.85rem;cursor:pointer;transition:border-color .15s,background .15s}
.enc-card:hover{border-color:var(--acc-line)}.enc-card.sel{border-color:var(--acc);background:var(--acc-dim)}
.enc-card .h{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem}.enc-card .h svg{width:16px;height:16px;color:var(--acc)}
.enc-card .d{font-size:.78rem;color:var(--text-3);margin:.35rem 0 .6rem;line-height:1.45}
.enc-card input,.enc-card select{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius);color:var(--text);padding:.5rem .6rem;font-family:var(--font-sans);font-size:.84rem;margin-top:.3rem}
.enc-hint{font-family:var(--font-mono);font-size:.7rem;color:var(--text-3);grid-column:1/-1}

/* ---------- Toasts ---------- */
.alerts{position:fixed;right:1rem;bottom:1rem;z-index:200;display:flex;flex-direction:column;gap:.55rem;max-width:22rem}
.alert{display:flex;gap:.6rem;align-items:flex-start;background:var(--surface-2);border:1px solid var(--line-2);border-left-width:3px;border-radius:var(--radius);padding:.7rem .85rem;animation:al-in .25s var(--ease)}
.alert .ic{flex-shrink:0;margin-top:1px}.alert .ic svg{width:16px;height:16px}
.alert .bd{font-size:.84rem;line-height:1.4}.alert .bd b{display:block;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.1rem}
.alert .x{margin-left:auto;background:none;border:0;color:var(--text-3);cursor:pointer;font-size:1rem;line-height:1}
.alert.info{border-left-color:var(--info)}.alert.info .ic{color:var(--info)}
.alert.ok{border-left-color:var(--ok)}.alert.ok .ic{color:var(--ok)}
.alert.warn{border-left-color:var(--warn)}.alert.warn .ic{color:var(--warn)}
.alert.err{border-left-color:var(--err)}.alert.err .ic{color:var(--err)}
@keyframes al-in{from{opacity:0;transform:translateX(18px)}}

@media (max-width:1100px){.wm-list{width:300px}.enc-panel{grid-template-columns:1fr}}
@media (max-width:820px){.wm-side{display:none}.wm-list{width:100%}.wm-read{display:none}.wm-read.show{display:flex;position:fixed;inset:53px 0 40px;background:var(--bg);z-index:40}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ---------- Login / Auth ---------- */
.auth-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--text)}
.corner-signet{position:fixed;right:24px;bottom:30px;z-index:5;width:44px;height:auto;opacity:.88;filter:saturate(1.18) contrast(1.04);pointer-events:none}
.auth-topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(18px,4vw,52px);border-bottom:1px solid var(--line);background:var(--surface)}
.auth-topbar .brand-logo{height:34px;max-width:126px}
.auth-stage{width:min(1120px,100%);margin:0 auto;padding:clamp(56px,9vh,104px) clamp(18px,4vw,46px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:clamp(28px,6vw,84px);align-items:start;align-content:center}
.auth-copy{min-width:0}
.auth-kicker{margin:0 0 12px;font-family:var(--font-mono);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}
.auth-copy h1{max-width:680px;margin:0;font-family:var(--font-display);font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:0;font-weight:650}
.auth-copy>p{max-width:540px;margin:18px 0 0;color:var(--text-2);font-size:17px;line-height:1.6}
.auth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-top:34px}
.auth-metrics span{min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:13px 14px;color:var(--text-3);font-size:13px}
.auth-metrics b{display:block;margin-bottom:3px;color:var(--text);font-family:var(--font-display);font-size:22px;line-height:1}
.auth-panel{width:100%;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:26px}
.auth-panel h2{margin:0;font-family:var(--font-display);font-size:25px;line-height:1.15;letter-spacing:0}
.auth-lead{margin:8px 0 22px;color:var(--text-3);font-size:14px}
.auth-panel .field{margin-bottom:14px}
.auth-panel .field label{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}
.auth-panel .field input{min-height:40px;border-radius:var(--radius);font-family:var(--font-sans);font-size:14px}
.auth-panel .btn-block{min-height:36px}
.auth-alert{margin:0 0 16px;border:1px solid color-mix(in srgb,var(--err) 38%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--err);padding:10px 12px;font-size:13px}
.authfoot{margin-top:1rem;font-family:var(--font-mono);font-size:.74rem;color:var(--text-3)}
.authfoot a{color:var(--acc);text-decoration:underline;text-underline-offset:2px}
.auth-legal{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:18px;color:var(--text-3);font-family:var(--font-mono);font-size:12px;border-top:1px solid var(--line)}
.auth-legal a{color:var(--text-2);text-decoration:none}
.auth-legal a:hover{color:var(--text)}
@media(max-width:820px){
  .auth-topbar{min-height:64px;padding:0 14px}
  .auth-topbar .brand-logo{height:31px;max-width:112px}
  .corner-signet{display:none}
  .auth-stage{display:block;align-content:start;padding:28px 16px 26px}
  .auth-copy{margin-bottom:26px}
  .auth-copy h1{font-size:31px;line-height:1.08}
  .auth-copy>p{font-size:15px;margin-top:12px}
  .auth-metrics{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:20px}
  .auth-metrics span{padding:10px 8px;font-size:11px}
  .auth-metrics b{font-size:18px}
  .auth-panel{padding:20px}
}
@media(max-width:520px){
  .auth-topbar .brand-sub,.auth-topbar .brand-divider{display:none}
  .auth-stage{padding:18px 16px 22px}
  .auth-copy{display:none}
  .auth-copy h1{font-size:25px;line-height:1.1}
  .auth-copy>p{margin-top:8px;font-size:14px;line-height:1.5}
  .auth-metrics{display:none}
  .auth-panel{max-width:360px;margin:0 auto;padding:20px}
  .auth-panel h2{font-size:24px}
  .auth-lead{margin-bottom:16px}
  .auth-panel .field{margin-bottom:13px}
}

*{scrollbar-width:thin;scrollbar-color:rgba(140,140,140,.45) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(140,140,140,.45);border-radius:8px;border:3px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(140,140,140,.7)}
html[data-scrollbars="hidden"],html[data-scrollbars="hidden"] *{scrollbar-width:none;-ms-overflow-style:none}
html[data-scrollbars="hidden"]::-webkit-scrollbar,html[data-scrollbars="hidden"] *::-webkit-scrollbar{width:0;height:0;display:none}