:root{--bg:#f7f6f2;--surface:#fff;--ink:#1d2325;--muted:#5b6669;--line:#e2e0d8;--accent:#0f6f7a;--accent-ink:#fff}
@media (prefers-color-scheme: dark){:root{--bg:#121617;--surface:#1b2123;--ink:#e9eeee;--muted:#a3b0b2;--line:#2c3437;--accent:#3fb5c1;--accent-ink:#0b1415}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent)}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{padding:18px 0}
.brand{font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}.brand span{color:var(--accent)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;margin:24px 0 48px}
h1{font-size:clamp(26px,4vw,34px);line-height:1.2;margin:0 0 12px}
h2{font-size:20px;margin:28px 0 8px}
p,li{margin:0 0 12px}
.muted{color:var(--muted);font-size:15px}
button{font:inherit;font-weight:700;padding:12px 22px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}
button[disabled]{opacity:.6;cursor:wait}
.err{color:#b42318}
footer{color:var(--muted);font-size:14px;padding:0 0 40px}
@media (max-width:520px){.wrap{padding:0 16px}.card{padding:20px}}