:root{--bg:#0E100F;--card:#1B211E;--line:#2A322E;--text:#fff;--dim:#8B938E;--lime:#B8FF4A;--on:#0F1A05}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh;
background-image:radial-gradient(60vmax 40vmax at 50% -10%,rgba(184,255,74,.14),transparent 60%)}
.card{width:100%;max-width:420px;background:var(--card);border-radius:28px;padding:36px 28px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.logo{border-radius:22px;display:block;margin:0 auto 18px}
.kicker{margin:0 0 6px;color:var(--lime);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
h1{margin:0 0 10px;font-size:26px;line-height:1.2;font-weight:700}
.who{margin:0 0 6px;font-size:18px;font-weight:600;color:var(--lime);word-break:break-all}
.lead{margin:0 0 26px;color:var(--dim)}
.btn{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;font-weight:600;text-decoration:none;margin-top:12px;padding:0 20px;transition:transform .12s ease,opacity .12s ease}
.btn:active{transform:scale(.97)}
.primary{background:var(--lime);color:var(--on)}
.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.fine{margin:22px 0 0;font-size:12.5px;color:var(--dim)}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}
@media (prefers-color-scheme:light){
:root{--bg:#F1F4EC;--card:#fff;--line:#DCE4D7;--text:#101211;--dim:#5B655F}
.kicker,.who{color:#3F6B00}
.card{box-shadow:0 18px 50px rgba(30,50,20,.12)}
body{background-image:none}
}