@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Fira+Code:wght@400;500;700&display=swap";
:root{--zinc-950:#09090b;--zinc-925:#0e0e0f;--zinc-900:#131315;--zinc-875:#18181b;--zinc-850:#19191b;--zinc-825:#1f1f22;--zinc-800:#252628;--zinc-750:#27272a;--zinc-700:#303033;--zinc-600:#48484b;--zinc-500:#71717a;--zinc-400:#9e9da1;--zinc-350:#a1a1aa;--zinc-300:#acaaae;--zinc-200:#e7e5e8;--zinc-100:#f4f4f5;--white:#fff;--cyan-100:#c6fff3;--cyan-500:#3cd7ff;--cyan-700:#004e5f;--cyan-800:#004757;--cyan-500-04:#3cd7ff0a;--cyan-500-10:#3cd7ff1a;--cyan-500-20:#3cd7ff33;--cyan-700-20:#004e5f33;--stroke-faint:#48484b0d;--stroke-subtle:#48484b1a;--stroke:#48484b26;--stroke-nav:#27272a26;--bg:var(--zinc-925);--bg-elevated:var(--zinc-900);--bg-tile:var(--zinc-850);--bg-chip:var(--zinc-825);--bg-nav:#09090bb3;--fg:var(--zinc-200);--fg-muted:var(--zinc-300);--fg-subtle:var(--zinc-400);--fg-faint:var(--zinc-500);--fg-wordmark:var(--zinc-100);--accent:var(--cyan-500);--accent-deep:var(--cyan-700);--accent-ink:var(--cyan-800);--accent-pulse:var(--cyan-100);--border:var(--stroke);--border-strong:var(--zinc-600);--divider:var(--stroke-subtle);--glow-cyan-soft:0 0 32px 0 var(--cyan-500-04);--glow-cyan-med:0 0 24px 0 var(--cyan-500-20);--blur-nav:blur(24px);--blur-panel:blur(12px);--grid-lines-horizontal:linear-gradient(var(--stroke-faint) 3%, transparent 3%);--grid-lines-vertical:linear-gradient(90deg, var(--stroke-faint) 3%, transparent 3%);--gradient-accent:linear-gradient(180deg, var(--cyan-500) 0%, var(--cyan-700) 100%);--gradient-accent-hover:linear-gradient(180deg, #5ae1ff 0%, #0a6273 100%);--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Liberation Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-xs:12px;--fs-sm:14px;--fs-md:18px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:30px;--fs-hero-mono:60px;--fs-hero:72px;--lh-tight:1;--lh-snug:1.1;--lh-body:1.3;--lh-relaxed:1.625;--ls-tight:-1.8px;--ls-wordmark:-1px;--ls-wide:1.2px;--ls-wider:1.4px;--ls-caps:.6px}[data-theme=light]{--bg:#f8f9fb;--bg-elevated:#fff;--bg-tile:#f1f3f6;--bg-chip:#eceef2;--bg-nav:#f8f9fbd9;--fg:#0f0f12;--fg-muted:#2c2c35;--fg-subtle:#585868;--fg-faint:#8a8a99;--fg-wordmark:#0f0f12;--stroke-faint:#30303c0f;--stroke-subtle:#30303c1a;--stroke:#30303c24;--stroke-nav:#30303c1a;--border:var(--stroke);--border-strong:#30303c47;--divider:var(--stroke-subtle);--accent:#00aad2;--accent-deep:#00758f;--accent-ink:#fff;--accent-pulse:#00c8f0;--cyan-500-04:#00aad20f;--cyan-500-10:#00aad21f;--cyan-500-20:#00aad238;--glow-cyan-soft:0 0 32px 0 #00aad20f;--glow-cyan-med:0 0 24px 0 #00aad22e;--gradient-accent:linear-gradient(180deg, #00b9e6 0%, #00758f 100%);--gradient-accent-hover:linear-gradient(180deg, #1ecdf5 0%, #0a8caa 100%);--zinc-950:#e8eaed;--zinc-900:#fff;--zinc-875:#f1f3f6;--zinc-850:#eceef2;--zinc-825:#e4e6eb;--zinc-800:#d8dae0;--zinc-750:#c8cad0;--zinc-700:#b0b2ba;--zinc-600:#88889a;--zinc-500:#585868;--zinc-400:#3a3a4d;--zinc-350:#35353d;--zinc-300:#272730;--zinc-200:#0f101a;--zinc-100:#080910}html,body{background:var(--bg);color:var(--fg-muted);font-family:var(--font-sans);font-size:16px;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100%;margin:0;padding:0}html{height:100%}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none}body{background-image:linear-gradient(var(--stroke-faint) 1px, transparent 1px), linear-gradient(90deg, var(--stroke-faint) 1px, transparent 1px);background-size:64px 64px;transition:background-color .25s}@media (max-width:768px){body{background-size:48px 48px}}@media (max-width:480px){body{background-size:32px 32px}}::selection{background:var(--cyan-500-20);color:var(--fg)}.h1,h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-hero);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg);margin:0}.h2,h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);color:var(--fg);margin:0;line-height:36px}.h3,h3{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--fg);margin:0;line-height:32px}.section-label{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg);line-height:32px}.eyebrow{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--fg-subtle)}.system-tag{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--fg-subtle)}.mono-callout{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-hero-mono);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--accent);opacity:.8}.body,p{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--fg-muted);line-height:29.25px}.body-sm{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--fg-muted);line-height:22.75px}.label{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--fg-subtle);line-height:20px}code,.code{font-family:var(--font-mono);color:var(--accent);font-size:.925em}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes scan{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes glitch{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px,2px)}40%{filter:hue-rotate(-90deg);transform:translate(-2px,-2px)}60%{filter:hue-rotate(180deg);transform:translate(2px,2px)}80%{filter:hue-rotate(-180deg);transform:translate(2px,-2px)}}@keyframes glitch-skew{0%,to{transform:skew(0deg)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px var(--accent), 0 0 10px var(--accent), 0 0 20px var(--cyan-500-20)}50%{text-shadow:0 0 10px var(--accent), 0 0 20px var(--accent), 0 0 40px var(--accent), 0 0 60px var(--cyan-500-20)}}@keyframes border-glow{0%,to{box-shadow:0 0 5px var(--accent), 0 0 10px var(--cyan-500-20)}50%{box-shadow:0 0 15px var(--accent), 0 0 30px var(--cyan-500-20), inset 0 0 5px var(--cyan-500-10)}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float-hex{0%,to{opacity:.15;transform:translateY(0)rotate(0)}50%{opacity:.3;transform:translateY(-20px)rotate(180deg)}}@keyframes scan-line{0%{top:-10%}to{top:110%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.glitch-text{animation:.3s infinite glitch;animation-delay:calc(var(--i,0) * .1s)}.glitch-text-skew{animation:.5s infinite glitch-skew}.neon-text{color:var(--accent);text-shadow:0 0 5px var(--accent), 0 0 10px var(--accent), 0 0 20px var(--cyan-500-20);animation:2s ease-in-out infinite neon-pulse}.cyber-border{animation:2s ease-in-out infinite border-glow;position:relative}.cyber-border:before{content:"";background:linear-gradient(45deg, var(--accent), transparent, var(--accent));z-index:-1;border-radius:inherit;animation:2s ease-in-out infinite border-glow;position:absolute;inset:-2px}.hacker-flicker{animation:4s infinite flicker}.terminal-cursor:after{content:"█";color:var(--accent);font-family:var(--font-mono);animation:1s step-end infinite cursor-blink}.hex-particle{color:var(--accent);opacity:.1;pointer-events:none;z-index:0;font-family:Fira Code,monospace;font-size:10px;animation:8s ease-in-out infinite float-hex;position:fixed}.scanline-overlay{background:linear-gradient(transparent, var(--cyan-500-10), transparent);pointer-events:none;z-index:9999;height:4px;animation:4s linear infinite scan-line;position:fixed;top:0;left:0;right:0}.typing-effect{white-space:nowrap;border-right:2px solid var(--accent);animation:3s steps(40,end) forwards typing,.7s step-end infinite blink;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.hacker-card:hover{box-shadow:0 10px 30px #00000080, 0 0 20px var(--cyan-500-10), inset 0 1px 0 var(--cyan-500-20);transform:translateY(-2px)perspective(1000px)rotateX(1deg)}.cmd-prompt:before{content:"> ";color:var(--accent);font-family:Fira Code,monospace}.sys-badge{background:var(--cyan-500-10);border:1px solid var(--cyan-500-20);color:var(--accent);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-family:Fira Code,monospace;font-size:10px;display:inline-flex}.sys-badge:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.crt-effect{position:relative}.crt-effect:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 2px);position:absolute;inset:0}html,body{transition:background-color .3s,color .25s}body{background-color:var(--bg)!important}html.transitioning,body.transitioning{transition:background-color .3s!important}html[data-theme=light] body{background-image:linear-gradient(var(--stroke-faint) 1px, transparent 1px), linear-gradient(90deg, var(--stroke-faint) 1px, transparent 1px);background-size:64px 64px;background-color:var(--bg)!important}