:root{--bg:#eef4fa;--fg:#0c2236;--muted:#4a5f73;--brand:#0b5fae;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#0a1520;--fg:#e6eef6;--muted:#9fb3c6;--brand:#7db8f0;--card:#12212f}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
header{background:#0b5fae;color:#fff;padding:32px 16px}
header .wrap{display:flex;align-items:center;gap:12px}
header img{width:40px;height:40px}
header h1{margin:0;font-size:28px;letter-spacing:.5px}
main{padding:24px 16px 48px}
.wrap{max-width:720px;margin:0 auto}
h2{font-size:20px;margin:32px 0 8px}
p,li{color:var(--fg)}
.muted{color:var(--muted);font-size:14px}
a{color:var(--brand)}
.card{background:var(--card);border-radius:16px;padding:16px 20px;margin:16px 0}
nav a{margin-right:16px}