:root{color-scheme:dark;font:16px/1.5 Inter,system-ui;background:#0d1017;color:#eef4ff}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{border-bottom:1px solid #344052}a{color:#79bfff}h1{font-size:clamp(2rem,6vw,4.4rem);line-height:1.03;max-width:18ch}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ffcc72}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid article,pre{padding:18px;background:#171d28;border:1px solid #39465b;border-radius:14px}pre{overflow:auto}footer{margin-top:48px;border-top:1px solid #344052}@media(max-width:500px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}}