:root{
  --bg:#0f1216; --panel:#161b22; --line:#242c37; --ink:#e8edf3;
  --muted:#93a1b1; --accent:#7cc4ff; --accent2:#9ef0c0;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.62 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.wrap{max-width:760px;margin:0 auto;padding:34px 20px 64px}
.hero{margin-bottom:34px}
h1{font-size:clamp(30px,6vw,44px);line-height:1.1;margin:0 0 12px;letter-spacing:-0.02em}
h2{font-size:21px;margin:38px 0 14px;letter-spacing:-0.01em}
h3{font-size:18px;margin:0 0 8px}
p{margin:0 0 12px}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(124,196,255,.32)}
a:hover{border-bottom-color:var(--accent)}
.lead{font-size:17px}
.muted{color:var(--muted)}
.small{font-size:14px}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px}
.card h3 a{border-bottom:none}
.card p:last-child{margin-bottom:0}
.plain{margin:0;padding-left:20px}
.plain li{margin:0 0 6px}
footer{margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}
@media (prefers-color-scheme:light){
  :root{--bg:#fbfcfd;--panel:#fff;--line:#e3e8ee;--ink:#141a20;--muted:#5c6b7a;--accent:#0b62b0}
}