@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#030410;--bg-secondary:#080a1a;--bg-card:#0a0b18bf;--bg-card-hover:#0e1024eb;--bg-glass:#ffffff06;--bg-glass-hover:#ffffff0e;--border-color:#ffffff12;--border-accent:#00dcff4d;--border-purple:#8b5cf64d;--accent-cyan:#00dcff;--accent-cyan-dim:#00dcff26;--accent-cyan-glow:#00dcff59;--accent-purple:#8b5cf6;--accent-purple-dim:#8b5cf626;--accent-purple-glow:#8b5cf659;--accent-green:#0fa;--accent-green-dim:#00ffaa1f;--accent-green-glow:#00ffaa4d;--accent-orange:#ff7c1a;--accent-pink:#f542a0;--accent-pink-glow:#f542a04d;--text-primary:#f0f4ff;--text-secondary:#89b;--text-muted:#42506a;--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--shadow-glow-cyan:0 0 40px #00dcff40,0 0 100px #00dcff1a;--shadow-glow-purple:0 0 40px #8b5cf640,0 0 100px #8b5cf61a;--shadow-glow-green:0 0 40px #0fa3;--shadow-card:0 4px 40px #0009,0 1px 0 #ffffff0d inset;--gradient-primary:linear-gradient(135deg,#00dcff 0%,#8b5cf6 100%);--gradient-aurora:linear-gradient(135deg,#00dcff 0%,#8b5cf6 40%,#f542a0 80%,#0fa 100%);--gradient-subtle:linear-gradient(135deg,#00dcff1f,#8b5cf61f);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% 0%,#00dcff24 0%,transparent 70%);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1);--transition-spring:.4s cubic-bezier(.34,1.56,.64,1);--z-behind:-1;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.15}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}@media (max-width:768px){.container{padding:0 20px}}@media (max-width:480px){.container{padding:0 16px}}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text-green{background:linear-gradient(135deg,var(--accent-green),var(--accent-cyan));-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-text-aurora{background:var(--gradient-aurora);-webkit-text-fill-color:#0000;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:6s infinite aurora-shift}.neon-glow-cyan{text-shadow:0 0 10px #00dcffcc,0 0 30px #00dcff66,0 0 60px #00dcff26}.neon-glow-purple{text-shadow:0 0 10px #8b5cf6cc,0 0 30px #8b5cf666,0 0 60px #8b5cf626}.section{padding:120px 0;position:relative}@media (max-width:1024px){.section{padding:96px 0}}@media (max-width:768px){.section{padding:72px 0}}@media (max-width:480px){.section{padding:56px 0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00d4ff33}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}::selection{color:var(--text-primary);background:#00d4ff33}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00dcff33}50%{box-shadow:0 0 60px #00dcff80,0 0 120px #00dcff26}}@keyframes pulse-glow-purple{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 60px #8b5cf680,0 0 120px #8b5cf626}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes aurora-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes orbit{0%{transform:rotate(0)translate(60px)rotate(0)}to{transform:rotate(360deg)translate(60px)rotate(-360deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes data-flow{0%{stroke-dashoffset:1000px;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes node-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}@keyframes glow-breathe{0%,to{filter:drop-shadow(0 0 4px)}50%{filter:drop-shadow(0 0 14px)drop-shadow(0 0 28px)}}@keyframes line-draw{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes wave-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes rotate-y-slow{0%{transform:perspective(800px)rotateY(0)}to{transform:perspective(800px)rotateY(360deg)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.7}}@keyframes aurora-rotate{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 #00ffaa80}50%{box-shadow:0 0 0 8px #0fa0}}@keyframes pulse-glow-loading{0%,to{opacity:.3}50%{opacity:.8}}
