:root{color-scheme:dark;font:16px/1.55 Inter,system-ui,sans-serif;background:#081018;color:#edf7fb}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1050px;margin:auto;padding:24px}header{border-bottom:1px solid #25404c}header a,main a,footer a{color:#70d9ff}h1{font-size:clamp(2rem,6vw,4.8rem);line-height:1.02;max-width:16ch}h2{line-height:1.2}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffca68}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.grid article,pre{background:#101e29;border:1px solid #284352;border-radius:14px;padding:18px}pre{overflow:auto}footer{margin-top:48px;border-top:1px solid #25404c;color:#a9c0ca}@media(max-width:500px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}}