:root{--color-bg:#0f1115;--color-surface:#181b22;--color-text:#e8eaee;--color-muted:#a3a9b5;--color-accent:#4da3ff;--radius:14px;--space:clamp(1rem, 2.5vw, 2rem);--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);margin:0;line-height:1.6}.container{width:min(1100px, 100% - 2 * var(--space));margin-inline:auto}.site-header{border-bottom:1px solid #262a33}.site-header nav{gap:var(--space);padding-block:1rem;display:flex}a{color:var(--color-accent)}.hero{padding-block:clamp(3rem,10vw,7rem)}.hero h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.hero p{color:var(--color-muted);max-width:60ch}.btn{background:var(--color-accent);color:#04121f;border-radius:999px;padding:.8rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.grid{gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-bottom:4rem;display:grid}.card{background:var(--color-surface);border-radius:var(--radius);padding:1.5rem}.card h3{margin-top:0}.page{padding-block:4rem}.site-footer{color:var(--color-muted);border-top:1px solid #262a33;padding-block:2rem}.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.js .reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}}