/* Daemon account pages — tokens and rules lifted from the live homepage (deployment 225f0d53), dark-first. */
:root{
  --bg-0:oklch(0.11 0.008 75);--bg-1:oklch(0.14 0.01 75);--bg-2:oklch(0.17 0.012 75);
  --panel:oklch(0.15 0.012 75 / .55);--line:oklch(0.32 0.02 80 / .35);--line-strong:oklch(0.42 0.04 82 / .5);
  --fg-0:oklch(0.96 0.012 85);--fg-1:oklch(0.84 0.015 85);--fg-2:oklch(0.68 0.015 85);--fg-3:oklch(0.52 0.015 85);
  --gold:oklch(0.84 0.13 88);--gold-soft:oklch(0.78 0.11 85);--gold-deep:oklch(0.65 0.12 80);
  --gold-bg:oklch(0.84 0.13 88 / .09);--gold-line:oklch(0.84 0.13 88 / .3);--ok:oklch(0.78 0.14 155);
  --err:oklch(0.72 0.16 28);
  --sans:'Inter',-apple-system,sans-serif;--serif:'Instrument Serif',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,monospace;
}
[data-theme="light"]{
  --bg-0:oklch(0.945 0.013 89);--bg-1:oklch(0.92 0.016 87);--bg-2:oklch(0.895 0.018 86);--panel:oklch(0.92 0.016 87 / .75);
  --line:oklch(0.38 0.04 80 / .32);--line-strong:oklch(0.38 0.05 80 / .5);
  --fg-0:oklch(0.18 0.02 80);--fg-1:oklch(0.31 0.02 80);--fg-2:oklch(0.46 0.02 80);--fg-3:oklch(0.56 0.02 80);
  --gold:oklch(0.52 0.13 80);--gold-soft:oklch(0.47 0.11 78);--gold-deep:oklch(0.48 0.12 78);
  --gold-bg:oklch(0.6 0.13 80 / .1);--gold-line:oklch(0.6 0.13 80 / .38);--ok:oklch(0.5 0.14 155);
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
html,body{overflow-x:hidden;min-height:100%}
body{background:var(--bg-0);color:var(--fg-1);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:oklch(0.84 0.13 88 / .28);color:var(--fg-0)}
a{color:var(--gold-soft)}
.shell{max-width:1180px;margin:0 auto;padding:0 28px}
em.g{font-family:var(--serif);font-style:italic;font-weight:400;background:linear-gradient(120deg,oklch(0.9 0.12 90),oklch(0.72 0.13 80));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:0.06em}
[data-theme="light"] em.g{background:linear-gradient(120deg,oklch(0.5 0.13 80),oklch(0.42 0.12 76));-webkit-background-clip:text;background-clip:text}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:2.2px;font-weight:500}
.eyebrow::before{content:'';width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.nav{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;width:min(1180px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 16px;border-radius:14px;background:oklch(0.13 0.01 75 / .62);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid var(--line)}
[data-theme="light"] .nav{background:oklch(0.96 0.012 90 / .72);box-shadow:0 10px 30px -18px oklch(0.3 0.05 80 / .3)}
.nav-l{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-mark{width:30px;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--gold-line);box-shadow:0 0 18px oklch(0.84 0.13 88 / .18)}
.nav-mark img{width:100%;height:100%;object-fit:cover;display:block}
.nav-title{font-size:15px;font-weight:650;color:var(--fg-0);letter-spacing:-0.2px}
.nav-ver{font-family:var(--mono);font-size:9.5px;color:var(--gold-soft);padding:3px 7px;border-radius:5px;background:var(--gold-bg);border:1px solid var(--gold-line);letter-spacing:.06em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a,.nav-links button{padding:8px 13px;border-radius:8px;font-size:13.5px;color:var(--fg-2);text-decoration:none;font-weight:500;transition:color .2s,background .2s;background:none;border:none;font-family:inherit;cursor:pointer}
.nav-links a:hover,.nav-links button:hover{color:var(--fg-0);background:oklch(1 0 0 / .05)}
.nav-email{font-family:var(--mono);font-size:12px;color:var(--fg-2);padding:6px 10px;border-radius:7px;border:1px solid var(--line);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-email:empty{display:none}
.btn{position:relative;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border-radius:12px;font-weight:650;font-size:14.5px;letter-spacing:-0.1px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;font-family:var(--sans);border:none;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(180deg,oklch(0.9 0.11 88),oklch(0.74 0.13 80));color:oklch(0.2 0.06 75);box-shadow:0 0 34px oklch(0.84 0.13 88 / .3),0 10px 26px -12px rgba(0,0,0,.7)}
.btn-primary:hover{box-shadow:0 0 48px oklch(0.84 0.13 88 / .42),0 14px 30px -12px rgba(0,0,0,.7)}
.btn-ghost{background:oklch(1 0 0 / .04);color:var(--fg-0);border:1px solid var(--line-strong);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:oklch(1 0 0 / .08);border-color:oklch(0.6 0.06 85 / .5)}
[data-theme="light"] .btn-ghost{background:oklch(0 0 0 / .05)}
.f-card{padding:26px;border-radius:20px;background:linear-gradient(180deg,var(--bg-2),var(--bg-1));border:1px solid var(--line-strong);box-shadow:0 40px 90px -40px rgba(0,0,0,.8);position:relative}
.f-form{display:flex;flex-direction:column;gap:11px}
.f-form label{font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--fg-2)}
.f-form input,.f-form textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--line-strong);background:oklch(1 0 0 / .04);color:var(--fg-0);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
.f-form input:focus,.f-form textarea:focus{border-color:var(--gold-line);background:oklch(1 0 0 / .06);box-shadow:0 0 0 4px oklch(0.84 0.13 88 / .12)}
.f-submit{width:100%;justify-content:center;margin-top:4px;padding:15px 20px}
.f-note{margin-top:14px;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.3px;color:var(--fg-2);line-height:1.7}
.fc-terms{display:flex;justify-content:center;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--fg-2)}
.fc-terms b{color:var(--gold-soft);font-weight:600;margin-right:9px}
.fc-terms .sep{color:var(--gold-deep);font-size:11px}
.seat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14.5px}
.seat-top strong{color:var(--fg-0)}
.seat-top span{font-family:var(--mono);font-size:13px;color:var(--gold-soft);font-weight:600}
footer{padding:40px 0 48px;color:var(--fg-3);font-size:12.5px}
.f-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.f-links{display:flex;gap:24px}
.f-links a{color:var(--fg-3);text-decoration:none;transition:color .2s}
.f-links a:hover{color:var(--fg-0)}
.status{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:13.5px;line-height:1.5;background:oklch(1 0 0 / .04);border:1px solid var(--line);color:var(--fg-1)}
.status[data-kind="success"]{background:oklch(0.78 0.14 155 / .1);border-color:oklch(0.78 0.14 155 / .35);color:var(--ok)}
.status[data-kind="error"]{background:oklch(0.72 0.16 28 / .1);border-color:oklch(0.72 0.16 28 / .35);color:var(--err)}
.status[data-kind="info"]{background:var(--gold-bg);border-color:var(--gold-line);color:var(--gold-soft)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── sign-in ── */
.login{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:72px 20px 56px;overflow:hidden}
#field{position:absolute;inset:0;width:100%;height:100%;display:block}
.login::after{content:'';position:absolute;inset:auto 0 0 0;height:180px;background:linear-gradient(180deg,transparent,var(--bg-0));pointer-events:none}
.login-inner{position:relative;z-index:2;width:min(430px,100%);text-align:center}
.login-mark{display:inline-flex;width:58px;height:58px;border-radius:15px;overflow:hidden;border:1px solid var(--gold-line);box-shadow:0 0 34px oklch(0.84 0.13 88 / .28);text-decoration:none}
.login-mark img{width:100%;height:100%;object-fit:cover;display:block}
.login h1{font-size:clamp(36px,5.4vw,48px);line-height:1.02;letter-spacing:-1.6px;font-weight:650;color:var(--fg-0);margin:22px 0 12px;text-wrap:balance}
.login .sub{font-size:15.5px;color:var(--fg-2);line-height:1.6;margin:0 auto 26px;max-width:360px;text-wrap:pretty}
.login .f-card{text-align:left;padding:22px}
.providers{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.provider{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 56px;border-radius:11px;border:1px solid var(--line-strong);background:oklch(1 0 0 / .04);color:var(--fg-0);font-weight:600;font-size:14px;text-decoration:none;transition:background .2s,border-color .2s,transform .18s}
.provider:hover{background:oklch(1 0 0 / .08);border-color:oklch(0.6 0.06 85 / .5);transform:translateY(-1px)}
.provider svg{width:18px;height:18px;fill:currentColor}
.provider[data-inert]{opacity:.55;cursor:default}
.provider[data-inert]::after{content:'soon';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-soft)}
.divider{display:flex;align-items:center;gap:12px;margin:2px 0 4px;color:var(--fg-3);font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--line)}
.login-foot{margin-top:18px;font-size:12.5px;color:var(--fg-3);line-height:1.6}
.login-foot a{color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--line)}

/* ── account ── */
.account{padding:118px 0 70px}
.account-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.account-head h1{font-size:clamp(38px,5.4vw,58px);line-height:1.02;letter-spacing:-2px;font-weight:650;color:var(--fg-0);margin:18px 0 10px;text-wrap:balance}
.account-head .sub{margin:0;max-width:560px}
.mega{max-width:1080px;margin:0 auto;padding:0!important;overflow:hidden}
.mega-grid{display:grid;grid-template-columns:1fr 1.06fr}
.mega-left{padding:40px 40px 36px;background:linear-gradient(135deg,oklch(0.84 0.13 88 / .10),oklch(0.84 0.13 88 / .02) 60%,transparent);border-right:1px solid var(--gold-line);display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.mega-right{padding:34px 34px 30px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.plan-name{font-size:clamp(30px,3.6vw,40px);letter-spacing:-1.4px;font-weight:650;color:var(--fg-0);line-height:1.05;margin:12px 0 6px}
.plan-price{font-size:17px;color:var(--fg-1);font-weight:600}
.plan-when{font-family:var(--mono);font-size:12.5px;color:var(--fg-2);margin-top:4px}
.plan-price:empty,.plan-when:empty,.chip:empty{display:none}
.chip{font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);color:var(--fg-2);white-space:nowrap;margin-top:4px}
.chip[data-state="active"]{color:var(--ok);border-color:oklch(0.78 0.14 155 / .4);background:oklch(0.78 0.14 155 / .08)}
.chip[data-state="beta"]{color:var(--gold-soft);border-color:var(--gold-line);background:var(--gold-bg)}
.chip[data-state="expired"],.chip[data-state="none"]{color:var(--fg-2);border-color:var(--line-strong);background:oklch(1 0 0 / .03)}
.offer{padding:20px;border-radius:14px;border:1px solid var(--line-strong);background:oklch(1 0 0 / .03);display:flex;flex-direction:column;gap:8px}
.offer.founding{border-color:var(--gold-line);background:var(--gold-bg);box-shadow:0 0 40px -18px oklch(0.84 0.13 88 / .5)}
.offer h3{font-size:22px;letter-spacing:-0.6px;color:var(--fg-0);line-height:1.15;font-weight:650}
.offer p{font-size:14px;color:var(--fg-2);line-height:1.55}
.offer .btn{align-self:flex-start;margin-top:8px}
.offer.hold h3{font-size:26px;letter-spacing:-0.8px}
.offer.hold .hold-price{font-size:17px;color:var(--fg-1)}
.offer.hold .hold-price em.g{font-size:1.15em}
.mega-left #key-view .key-label{margin-top:6px}
.mega-right .eyebrow{display:flex;margin-bottom:14px}
.key-label{display:block;margin-bottom:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--fg-2)}
.key-box{width:100%;min-height:96px;padding:13px 14px;border-radius:10px;border:1px solid var(--line-strong);background:oklch(1 0 0 / .04);color:var(--fg-0);font-family:var(--mono);font-size:12px;line-height:1.55;resize:none;overflow-wrap:anywhere;outline:none}
.key-box:focus{border-color:var(--gold-line);box-shadow:0 0 0 4px oklch(0.84 0.13 88 / .12)}
.key-meta{font-family:var(--mono);font-size:12.5px;color:var(--gold-soft)}
.key-meta:empty{display:none}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.note{font-size:13.5px;color:var(--fg-2);line-height:1.55}
.empty-key{padding:26px 22px;border-radius:14px;border:1px dashed var(--line-strong);text-align:center;color:var(--fg-2);font-size:14px;line-height:1.55}
.empty-key strong{display:block;color:var(--fg-0);font-size:18px;letter-spacing:-0.4px;margin-bottom:6px}
.billing{max-width:1080px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px}
.billing h2{font-size:20px;letter-spacing:-0.5px;color:var(--fg-0);font-weight:650;margin:6px 0 4px}
.billing p{max-width:620px}
@media (max-width:900px){.mega-grid{grid-template-columns:1fr}.mega-left{border-right:none;border-bottom:1px solid var(--gold-line);padding:30px 24px}.mega-right{padding:26px 24px}.nav-email{display:none}.nav-ver{display:none}.account{padding-top:100px}.f-row{justify-content:center;text-align:center;row-gap:10px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* reveal once: hidden until fonts + first data are in (JS adds .in); the keyframe is the no-JS/slow-network floor */
.login-inner,.reveal{opacity:0;transform:translateY(8px);transition:opacity .55s cubic-bezier(.2,.6,.2,1),transform .55s cubic-bezier(.2,.6,.2,1);animation:reveal-floor .01s linear 1.4s forwards}
.login-inner.in,.reveal.in{opacity:1;transform:none;animation:none}
@keyframes reveal-floor{to{opacity:1;transform:none}}
.provider svg{position:static;width:20px;height:20px;flex:0 0 auto}
.provider[data-provider="apple"] svg{fill:#fff;transform:translateY(-1px)}
[data-theme="light"] .provider[data-provider="apple"] svg{fill:#000}
.provider[data-provider="github"] svg{fill:#fff}
[data-theme="light"] .provider[data-provider="github"] svg{fill:#24292f}
.provider .brand-google{fill:none}
.provider[data-inert] svg{opacity:1}
.provider[data-inert]{opacity:1;color:var(--fg-2)}

/* ── sign-in: the house finish ── */
.login-inner{width:min(460px,100%)}
.login-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;margin:22px auto 0;width:fit-content}
.login-eyebrow::before,.login-eyebrow::after{content:'';width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.login-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent)}
.login h1{font-size:clamp(40px,5.8vw,54px);letter-spacing:-1.9px;margin:22px 0 12px}
.login .sub{font-size:16px;margin-bottom:30px}
.login .f-card{padding:24px 24px 22px;border-color:oklch(0.84 0.13 88 / .16);
  background:radial-gradient(560px 240px at 18% -6%,oklch(0.84 0.13 88 / .11),transparent 70%),radial-gradient(400px 220px at 92% 108%,oklch(0.84 0.13 88 / .06),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--bg-1));
  box-shadow:0 1px 0 oklch(1 0 0 / .06) inset,0 0 0 1px oklch(0 0 0 / .35),0 50px 100px -40px rgba(0,0,0,.85),0 0 80px -30px oklch(0.84 0.13 88 / .28)}
.login .f-form input{min-height:50px;font-size:15px;padding:0 16px;background:oklch(1 0 0 / .035);border-color:oklch(1 0 0 / .11)}
.login .f-form input::placeholder{color:var(--fg-3)}
.login .f-form input:focus{background:oklch(1 0 0 / .05)}
.login .f-submit{min-height:50px;font-size:15px;margin-top:2px}
.login .f-note{margin-top:12px;font-size:11px;letter-spacing:.2px;color:var(--fg-3);line-height:1.7}
.login .divider{margin:16px 0 14px;color:var(--gold-soft);font-size:10px}
.login .divider::before{background:linear-gradient(90deg,transparent,oklch(0.84 0.13 88 / .35))}
.login .divider::after{background:linear-gradient(90deg,oklch(0.84 0.13 88 / .35),transparent)}
.login .providers{margin-top:0;gap:9px}
.login .provider{min-height:50px;border-radius:12px;background:oklch(1 0 0 / .05);border:1px solid oklch(1 0 0 / .11);color:var(--fg-0);font-weight:600;font-size:14.5px;letter-spacing:-0.1px;box-shadow:0 1px 0 oklch(1 0 0 / .04) inset}
.login .provider:hover{background:oklch(1 0 0 / .085);border-color:oklch(0.84 0.13 88 / .45);box-shadow:0 1px 0 oklch(1 0 0 / .06) inset,0 0 28px -14px oklch(0.84 0.13 88 / .5),0 10px 24px -14px rgba(0,0,0,.7)}
.login .provider[data-inert]{color:var(--fg-1)}
.login .provider[data-inert]:hover{border-color:oklch(1 0 0 / .16);box-shadow:0 1px 0 oklch(1 0 0 / .04) inset}
.login .provider[data-inert]::after{color:var(--gold-soft);opacity:.9}
.login-foot{margin-top:22px;font-size:13px}
.login-foot a{color:var(--fg-3);border:none;text-decoration:none;transition:color .2s}
.login-foot a:hover{color:var(--fg-0)}
/* marks beside their labels, centred as one group (V 2026-09-11) */
.login .provider{padding:0 64px 0 20px;justify-content:center;gap:10px}
.login .provider svg{position:static;width:20px;height:20px;transform:none;flex:0 0 auto}
.login .provider[data-provider="apple"] svg{transform:translateY(-1px)}
/* preview buttons: no tag, symmetric padding so mark + label sit dead centre */
.login .provider{padding:0 20px}
.provider[data-inert]::after{content:none}
/* nothing on the sign-in page selects except the email box (V 2026-09-11) */
.login,.login *{-webkit-user-select:none;user-select:none}
.login input{-webkit-user-select:text;user-select:text}
.login img,.login svg{-webkit-user-drag:none;pointer-events:none}
.login a,.login button{-webkit-tap-highlight-color:transparent}

.login h1{margin-top:0}

/* the app's own mark, at the app's own scale (V 2026-09-11: "lit af") */
.login-mark-xl img{width:100%;height:100%;object-fit:cover;display:block}
.login-mark-xl::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:0 1px 0 oklch(1 0 0 / .35) inset,0 -1px 0 oklch(0 0 0 / .25) inset;pointer-events:none}
.login h1{margin-top:0}

/* proportion pass (V: top part way too large) */
.login h1{font-size:clamp(32px,4.4vw,40px);letter-spacing:-1.3px;margin:0 0 8px}
.login .sub{font-size:15px;margin-bottom:22px}
.login{padding:48px 20px 48px}
.login .f-form input{text-align:center}
.login .f-form input::placeholder{text-align:center}
.login-mark-xl{width:146px;max-width:38vw;aspect-ratio:1;margin:0 auto 22px;border-radius:24%;overflow:hidden;position:relative;
  box-shadow:0 0 0 1px oklch(0.84 0.13 88 / .22),0 30px 70px -30px rgba(0,0,0,.9),0 0 120px -20px oklch(0.84 0.13 88 / .45),0 0 260px -60px oklch(0.84 0.13 88 / .35)}

/* gold caret + lit box, theme-aware (V 2026-09-11) */
.login .f-form input{caret-color:var(--gold);border-color:oklch(0.84 0.13 88 / .28);background:oklch(0.84 0.13 88 / .05);color:var(--fg-0);
  box-shadow:0 1px 0 oklch(1 0 0 / .04) inset,0 0 0 0 oklch(0.84 0.13 88 / 0);transition:border-color .25s,background .25s,box-shadow .25s}
.login .f-form input:focus{border-color:var(--gold-soft);background:oklch(0.84 0.13 88 / .08);box-shadow:0 1px 0 oklch(1 0 0 / .05) inset,0 0 0 4px oklch(0.84 0.13 88 / .18),0 0 32px -10px oklch(0.84 0.13 88 / .5)}
[data-theme="light"] .login .f-form input{background:oklch(0.6 0.13 80 / .06);border-color:oklch(0.6 0.13 80 / .35)}
[data-theme="light"] .login .f-form input:focus{background:oklch(0.6 0.13 80 / .09);box-shadow:0 0 0 4px oklch(0.6 0.13 80 / .16)}
/* focus = one clean gold hairline, no halo (V: glow super ugly) */
.login .f-form input{background:oklch(1 0 0 / .035);border-color:oklch(1 0 0 / .12);box-shadow:none}
.login .f-form input:focus{border-color:var(--gold-soft);background:oklch(1 0 0 / .045);box-shadow:none;outline:none}
[data-theme="light"] .login .f-form input{background:oklch(0 0 0 / .03);border-color:oklch(0 0 0 / .14)}
[data-theme="light"] .login .f-form input:focus{background:oklch(0 0 0 / .035);border-color:var(--gold-deep);box-shadow:none}

.login .login-mark-xl{border-radius:0;overflow:visible;box-shadow:none;filter:drop-shadow(0 24px 40px rgba(0,0,0,.6)) drop-shadow(0 0 60px oklch(0.84 0.13 88 / .28))}
.login .login-mark-xl::after{content:none}

/* focus line at half brightness (V: still too fugly, 50% less) */
.login .f-form input:focus{border-color:oklch(0.84 0.13 88 / .45)}
[data-theme="light"] .login .f-form input:focus{border-color:oklch(0.6 0.13 80 / .55)}
.login-terms{margin:18px 0 0;font-size:12px;color:var(--fg-3);line-height:1.6}
.login-terms a{color:var(--fg-2);text-decoration:none;border-bottom:1px solid var(--line)}
.login-terms a:hover{color:var(--fg-0);border-color:var(--gold-line)}
.login-foot{margin-top:10px}

.login .f-note-2{margin-top:10px}
/* type balance under the button: sans for sentences, mono only for the OR mark (V 2026-09-11) */
.login .f-note{font-family:var(--sans);font-size:13px;letter-spacing:0;line-height:1.55;color:var(--fg-2);text-wrap:balance;margin-top:14px}
.login .f-note-2{color:var(--fg-3);margin-top:6px}
.login .divider{margin:18px 0 14px}
.login-terms,.login-foot{font-size:13px;color:var(--fg-3)}
.login-terms{margin-top:20px}
.login-terms a{color:var(--fg-2);border-bottom:1px solid var(--line)}

/* wide buttons carry a tighter halo than the hero pill */
.login .f-submit{box-shadow:0 0 18px oklch(0.84 0.13 88 / .2),0 8px 20px -12px rgba(0,0,0,.6)}
.login .f-submit:hover{box-shadow:0 0 22px oklch(0.84 0.13 88 / .26),0 10px 22px -12px rgba(0,0,0,.6)}
