:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #eef2f7;
  background: #0b0f14;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at top, #17202d 0, #0b0f14 48%); color: #eef2f7; }
header { border-bottom: 1px solid #273241; background: rgba(11,15,20,.92); position: sticky; top: 0; }
nav { max-width: 980px; margin: auto; padding: 18px 24px; display: flex; gap: 22px; align-items: center; }
nav strong { margin-right: auto; letter-spacing: .04em; }
a { color: #9bc2ff; }
nav a { color: #d7e4f3; text-decoration: none; }
main { max-width: 820px; margin: 0 auto; padding: 70px 24px 90px; }
.hero { padding: 36px 0 18px; }
h1 { font-size: clamp(2.1rem, 6vw, 4rem); line-height: 1.05; margin: 0 0 18px; }
h2 { margin-top: 38px; }
.lead { font-size: 1.15rem; color: #c3cfdd; max-width: 700px; }
.card { background: rgba(20,27,36,.82); border: 1px solid #2b3746; border-radius: 16px; padding: 24px; margin: 24px 0; }
.muted { color: #9eabba; }
footer { border-top: 1px solid #273241; padding: 24px; text-align: center; color: #8795a5; }
ul { padding-left: 22px; }
code { background:#151c25; padding:2px 6px; border-radius:6px; }