:root { color-scheme: dark; --bg:#090a10; --panel:#12151e; --line:#303747; --ink:#eef2f6; --dim:#aeb7c3; --green:#78d895; --gold:#e6c66f; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at 80% 0,#142232 0,transparent 35%),var(--bg); color:var(--ink); font:16px/1.55 system-ui,-apple-system,sans-serif; }
main { width:min(900px,calc(100% - 28px)); margin:0 auto; padding:70px 0; }
h1 { max-width:850px; margin:.2rem 0 1rem; font-size:clamp(2.3rem,7vw,5rem); line-height:.98; letter-spacing:-.05em; }
h2 { margin-top:0; }
.eyebrow { margin:0; color:var(--green); font:700 .78rem/1.2 ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; }
.lede { max-width:720px; color:var(--dim); font-size:1.15rem; }
.card { margin:34px 0; padding:clamp(20px,4vw,38px); border:1px solid var(--line); border-radius:18px; background:#11151edb; box-shadow:0 20px 65px #0007; }
.choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }
button { padding:13px 17px; border:1px solid #43845a; border-radius:10px; background:#183c25; color:#e8fff0; font:inherit; cursor:pointer; text-align:left; }
button:hover { background:#20502f; }
button span { display:block; margin-top:3px; color:#badac4; font-size:.82rem; }
.secondary { border-color:#4a5364; background:#1a1e28; }
.small { color:var(--dim); font-size:.88rem; }
progress { width:100%; height:22px; margin:10px 0; accent-color:var(--green); }
#status { min-height:3.1em; color:#dff8e7; font-variant-numeric:tabular-nums; }
.success { border-color:#396f49; background:#102419; }
.explain { margin-top:54px; color:#c8d0d9; }
.explain li { margin:.55rem 0; }
a { color:#9ed0ff; }
[hidden] { display:none !important; }
@media (max-width:650px) { main{padding:38px 0}.choices{grid-template-columns:1fr}h1 br{display:none} }