:root{color-scheme:dark;font:17px/1.65 system-ui,sans-serif;background:#0d1422;color:#e9eef6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #2c3b52}a{color:#8fd9d0}nav{display:flex;gap:20px}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;letter-spacing:-.04em}h2{font-size:1.3rem;margin-top:2.3rem}p,li{max-width:76ch}small,.muted{color:#a7b8ce}.intro{padding:40px 0}.badge{display:inline-block;border:1px solid #3a766f;border-radius:30px;padding:5px 15px;color:#9ce5d6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:24px;border:1px solid #2c3b52;border-radius:18px;background:#121d2e}.card h2{margin-top:0}footer{border-top:1px solid #2c3b52;margin-top:48px;font-size:.9rem}code{overflow-wrap:anywhere;font-size:.85em}li{margin:.6rem 0}@media(max-width:540px){header{display:block}nav{margin-top:15px}header,main,footer{padding:22px}}