:root{--bg1:#eaf5fb;--bg2:#a9d9e8;--ink:#0f2233;--muted:#4c6373;--card:rgba(255,255,255,.72);--accent:#2563d6}
*{box-sizing:border-box}
html{background:linear-gradient(180deg,var(--bg1),var(--bg2)) fixed;min-height:100%}
body{margin:0;font:17px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;color:var(--ink)}
main{max-width:720px;margin:0 auto;padding:56px 22px 72px}
h1{font-size:2.3rem;line-height:1.15;margin:0 0 6px;letter-spacing:-.02em}
h2{font-size:1.25rem;margin:36px 0 8px}
.sub{color:var(--muted);margin:0 0 28px}
section{background:var(--card);border:1px solid rgba(255,255,255,.8);border-radius:22px;padding:6px 26px 22px;margin-top:18px;backdrop-filter:blur(8px)}
a{color:var(--accent)}
ul{padding-left:1.2em}
nav{margin-bottom:28px;font-size:.95rem}
nav a{margin-right:16px}
footer{margin-top:34px;color:var(--muted);font-size:.9rem}
@media (prefers-color-scheme:dark){
:root{--bg1:#0d2230;--bg2:#12394c;--ink:#e8f3f9;--muted:#9db6c4;--card:rgba(255,255,255,.07);--accent:#7db2ff}
section{border-color:rgba(255,255,255,.1)}}