:root{color-scheme:dark;--bg:#0b0f17;--surface:#0f1520;--text:#e6edf3;--muted:#a6b1bf;--accent:#ff9f2e}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:var(--accent)}
a:hover{text-decoration:none}
header,footer{background:var(--surface);border-bottom:1px solid #28313d}
footer{border-bottom:0;border-top:1px solid #28313d}
.bar{max-width:950px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.brand{font-weight:800;font-size:21px;color:var(--text);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}
main{max-width:820px;margin:0 auto;padding:40px 24px 72px}
h1{font-size:clamp(28px,5vw,40px);line-height:1.2;margin:0 0 22px}
h2{font-size:21px;margin:30px 0 10px}
p,li{color:var(--muted)}
li{margin:8px 0}
.lead{font-size:18px}
.note{background:var(--surface);border-left:3px solid var(--accent);padding:14px 18px;border-radius:4px}
footer .bar{font-size:14px;color:var(--muted)}