:root { color-scheme: dark; --bg:#56636f; --card:#5f6c78; --text:#f4f4f7; --muted:#dde2e7; --accent:#fb8a1e; --line:#7a8793; }
* { box-sizing: border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans",sans-serif; line-height:1.7; background:linear-gradient(#667480,#56636f) fixed,var(--bg); color:var(--text); }
main { max-width:760px; margin:auto; padding:32px 22px 72px; }
nav { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:40px; }
a { color:#ffb347; }
.brand { font-weight:800; color:var(--text); text-decoration:none; }
h1 { font-size:clamp(2rem,6vw,3rem); line-height:1.1; margin:.25em 0; letter-spacing:-.02em; }
h2 { margin-top:2em; line-height:1.3; font-size:1.2rem; }
footer { border-top:1px solid var(--line); margin-top:56px; padding-top:24px; color:var(--muted); }