:root{color-scheme:light dark;--bg:#f6f7f9;--card:#fff;--ink:#16202c;--muted:#5b6776;--line:#d9dee5;--accent:#1f5fbf}
@media (prefers-color-scheme:dark){:root{--bg:#10151b;--card:#18202a;--ink:#e8edf3;--muted:#9aa7b6;--line:#2a3542;--accent:#6ea8ff}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:26rem;margin:0 auto;padding:12vh 1.25rem 2rem}h1{font-size:1.4rem;margin:0 0 .25rem}p{margin:.5rem 0;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.5rem}
a.btn,button.btn{display:block;width:100%;margin-top:.75rem;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}
a.btn:hover,button.btn:hover{border-color:var(--accent)}a.btn:focus-visible,button.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.who{color:var(--ink);font-weight:600}.small{font-size:.875rem}