:root{--bg:#081f3a;--card:#0d3b66;--text:#d9e6f2;--muted:#a9c0d9;--accent:#4a90e2;--line:rgba(217,230,242,.22)}
@media (prefers-color-scheme:light){:root{--bg:#f4f8fc;--card:#e6eef7;--text:#0b2442;--muted:#4a627d;--accent:#1f5fae;--line:rgba(11,36,66,.18)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:40px 20px 72px}
h1{font:700 2.1rem/1.2 ui-serif,"New York",Georgia,serif;margin:0 0 .3em}
h2{font:700 1.3rem/1.3 ui-serif,"New York",Georgia,serif;margin:2em 0 .5em;padding-top:1em;border-top:1px solid var(--line)}
p,li{color:var(--text)}
.muted{color:var(--muted);font-size:.95rem}
a{color:var(--accent)}
ul{padding-left:1.3em}
li{margin:.35em 0}
.card{background:var(--card);border-radius:14px;padding:16px 18px;margin:1.2em 0}
nav{display:flex;gap:18px;margin-bottom:28px;font-size:.95rem}
footer{margin-top:3em;color:var(--muted);font-size:.9rem}