:root{--ink:#1b2236;--muted:#5b6478;--brand:#1E2761;--bg:#fff;--soft:#f2f4f8}
@media (prefers-color-scheme:dark){:root{--ink:#e8ebf3;--muted:#9aa3b8;--brand:#9db4ff;--bg:#10131c;--soft:#1a1f2e}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
main,header,footer{max-width:760px;margin:0 auto;padding:0 20px}header{padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header a.logo{font-weight:700;font-size:1.25rem;color:var(--brand);text-decoration:none}nav a{margin-left:16px;color:var(--muted);text-decoration:none}nav a:hover{color:var(--brand)}
h1{font-size:2rem;line-height:1.2;color:var(--brand)}h2{margin-top:2rem;color:var(--brand)}a{color:var(--brand)}
.card{background:var(--soft);border-radius:10px;padding:14px 18px;margin:16px 0}footer{padding-top:24px;padding-bottom:40px;color:var(--muted);font-size:.9rem}