:root{font-family:Inter,Segoe UI,sans-serif;color:#eefcff;background:#03050d;color-scheme:dark}*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 22% 10%,#102849,transparent 38rem),#03050d}
main{width:min(1000px,calc(100% - 32px));margin:auto;padding:48px 0}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px}
.eyebrow,.family{font-size:.7rem;letter-spacing:.22em;color:#55e7ff}h1{font-size:clamp(2.4rem,7vw,5rem);margin:.2rem 0}p{color:#91a4ba}
.back{color:#9bb0c7;text-decoration:none;border:1px solid #ffffff24;border-radius:999px;padding:9px 14px}h2{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:#8194aa}
article{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:22px;padding:22px;margin-bottom:14px;border:1px solid #55e7ff2e;border-radius:20px;background:#080d1a}
h3{font-size:1.5rem;margin:.4rem 0}nav{display:grid;gap:10px}nav a{display:grid;gap:5px;padding:15px;border:1px solid #ffffff16;border-radius:12px;background:#0d1528;color:#eefcff;text-decoration:none}
nav a:hover{border-color:#55e7ff}nav span{color:#8194aa;font-size:.82rem}.dev-required{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dev-required[hidden],main[hidden]{display:none}
@media(max-width:650px){header,article{display:grid;grid-template-columns:1fr}.back{justify-self:start}}