@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=DM+Mono:wght@400;500&display=swap";:root{--bg:#0b1020;--bg-elevated:#11182f;--text:#e8edf8;--muted:#aebad0;--accent:#ff7a18;--accent-soft:#ffd08e;--line:#ffffff1f;--shadow:0 20px 50px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 15% 15%,#ff7a1829,#0000 35%),radial-gradient(circle at 85% 25%,#00b3ff26,#0000 32%),linear-gradient(145deg,#070b17,#0e162a 45%,#151f38);font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5}.page-shell{max-width:1120px;margin:0 auto;padding:1.25rem 1rem 2.5rem;position:relative}.ambient{z-index:-1;filter:blur(60px);opacity:.55;pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#ff7a18;width:260px;height:260px;animation:9s ease-in-out infinite float;top:40px;right:10%}.ambient-two{background:#1c8fff;width:220px;height:220px;animation:12s ease-in-out infinite reverse float;bottom:80px;left:4%}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);background:#0e162a8c;border-radius:16px;justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.brand{color:var(--text);letter-spacing:.04em;font-weight:700;text-decoration:none}.nav-link{color:var(--muted);text-decoration:none;transition:color .18s}.nav-link:hover{color:var(--text)}main{gap:1.4rem;margin-top:1.4rem;display:grid}.hero,.footer,.code-card,.note-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#11182fcc;border-radius:18px;padding:clamp(1.1rem,3vw,2rem)}.hero h1{max-width:14ch;margin:.2rem 0 .9rem;font-size:clamp(2rem,6vw,3.3rem);line-height:1.1}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-soft);margin:0;font-family:DM Mono,monospace;font-size:.78rem}.hero-copy{color:var(--muted);max-width:58ch}.code-card pre{background:#03060ecc;border:1px solid #ffffff24;border-radius:12px;margin:.65rem 0 0;padding:1rem;overflow-x:auto}.code-card code{color:#d6e0f2;font-family:DM Mono,monospace;font-size:.9rem}.note-card p,.footer p{color:var(--muted);margin:0}.footer{text-align:center}.reveal{animation:.68s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@media (width<=820px){.topbar{gap:.75rem}}@media (width<=520px){.page-shell{padding:.8rem .65rem 1.5rem}.topbar{flex-direction:column;align-items:flex-start}}