:root { color-scheme: dark; font: 16px/1.7 system-ui,sans-serif; background:#0b1318; color:#dbe4df; }
* { box-sizing:border-box; } body { margin:0; } main { max-width:760px; margin:auto; padding:32px 24px; } nav { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; } a { color:#a3e8bd; } h1 { font-size:clamp(36px,7vw,60px); line-height:1.1; } .kicker { margin-top:64px; color:#a3e8bd; font:12px monospace; letter-spacing:.12em; } label { display:block; } select,button { font:inherit; width:100%; padding:12px; margin:12px 0; border:1px solid #587668; border-radius:2px; } button { background:#a3e8bd; color:#0b1318; cursor:pointer; } button:disabled { background:#32483c; color:#bec9c3; cursor:not-allowed; } a:focus-visible,button:focus-visible,select:focus-visible { outline:3px solid #f1c36d; outline-offset:3px; }