:root{color-scheme:dark;font:16px/1.55 Inter,system-ui;background:#0c0b14;color:#f5f1ff}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{border-bottom:1px solid #42365e}a{color:#bca3ff}h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.03;max-width:17ch}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#74e0c1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid article,pre{padding:18px;background:#181425;border:1px solid #44375f;border-radius:14px}pre{overflow:auto}footer{margin-top:48px;border-top:1px solid #42365e}@media(max-width:500px){header,main,footer{padding:18px}.grid{grid-template-columns:1fr}}