:root { color-scheme: dark; --bg:#070b0c; --surface:#11191b; --line:#2d3c40; --cyan:#08d9df; --yellow:#f4ff00; --pink:#ff00c8; --mint:#bafce9; --muted:#89969a; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 50% 0, #102326 0, var(--bg) 38rem); color:var(--mint); font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; line-height:1.65; }
header { border-bottom:2px solid var(--cyan); background:rgba(7,11,12,.92); }
.nav { max-width:68rem; min-height:5.5rem; margin:auto; padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:flex; align-items:center; gap:.8rem; color:var(--yellow); font-size:1.5rem; font-weight:900; text-decoration:none; }.brand img{width:3.5rem;height:3.5rem;object-fit:contain}.nav nav{display:flex;gap:1rem;flex-wrap:wrap}.nav nav a{color:var(--cyan);font-weight:800;text-decoration:none}
main { width:min(68rem, calc(100% - 2rem)); margin:3rem auto 5rem; }.hero{max-width:50rem;margin-bottom:2rem}.eyebrow{color:var(--pink);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}h1{color:var(--yellow);font-size:clamp(2.2rem,7vw,4.6rem);line-height:1;margin:.5rem 0 1rem}h2{color:var(--cyan);margin:2rem 0 .6rem}h3{color:var(--yellow)}p,li{color:var(--mint)}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.4rem}.card h2{margin-top:0}.button{display:inline-block;background:var(--cyan);color:#071012!important;text-decoration:none;font-weight:900;border-radius:.8rem;padding:.8rem 1.1rem}.outline{background:transparent;color:var(--cyan)!important;border:1px solid var(--cyan)}.notice{border-left:3px solid var(--pink);background:#25131f;padding:1rem 1.2rem;border-radius:.5rem}.meta{color:var(--muted);font-size:.85rem}footer{border-top:1px solid var(--line);padding:2rem 1rem;text-align:center;color:var(--muted)}a{color:var(--cyan)}ol,ul{padding-left:1.4rem}@media(max-width:650px){.nav{align-items:flex-start}.nav nav{justify-content:flex-end;font-size:.8rem}main{margin-top:2rem}}