@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Mono:wght@400;500&display=swap";
:root{--color-bg-base:#060b14;--color-bg-surface:#0d1520;--color-bg-elevated:#111827;--color-accent-cyan:#00d4ff;--color-accent-blue:#1565c0;--color-accent-glow:#00d4ff33;--color-text-primary:#fff;--color-text-body:#c0c8d8;--color-text-muted:#79b;--color-border:#1e3a5c;--color-border-glow:#00d4ff44;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--font-display:"Barlow Condensed", Impact, "Arial Narrow", Arial, sans-serif;--font-body:"DM Mono", "Courier New", Courier, monospace;--text-hero:clamp(64px, 10vw, 120px);--text-xl:clamp(40px, 6vw, 72px);--text-lg:clamp(28px, 4vw, 48px);--text-md:clamp(18px, 2.5vw, 24px);--text-body:16px;--text-sm:14px;--text-xs:12px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--space-3xl:128px;--space-4xl:192px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--color-bg-base);color:var(--color-text-body);font-family:var(--font-body);overflow-x:hidden}::selection{background:var(--color-accent-cyan);color:#060b14}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-accent-cyan);border-radius:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #00d4ff66}50%{box-shadow:0 0 24px #00d4ffe6,0 0 48px #00d4ff4d}}@keyframes droneFloat{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@keyframes waveExpand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes drawLine{0%{width:0%}to{width:100%}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}