*{box-sizing:border-box}body{margin:0;font:17px/1.75 system-ui,sans-serif;background:#101827;color:#e5edf8}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;border-bottom:1px solid #334155}a{color:#8cd8ff}nav{display:flex;gap:18px;flex-wrap:wrap}h1{font-size:clamp(30px,5vw,48px);line-height:1.2}h2{font-size:23px;margin-top:32px;color:#fff}.card{background:#192638;border:1px solid #334155;border-radius:18px;padding:28px;margin:24px 0}.badge{color:#9de7bd;font-weight:600}.muted,footer{color:#b1bfd3}footer{border-top:1px solid #334155}li{margin:8px 0}code{overflow-wrap:anywhere}