@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--volt-blue:#00d4ff;--volt-blue-bright:#00f0ff;--volt-blue-dim:#00d4ff26;--volt-blue-glow:#00d4ff80;--volt-blue-glow-strong:#00d4ffcc;--bg-primary:#020408;--bg-secondary:#060a12;--bg-card:#080d18;--bg-card-hover:#0c1220;--border-subtle:#ffffff0d;--border-volt:#00d4ff66;--neon-shadow:0 0 10px #00d4ff, 0 0 20px #00d4ff, 0 0 40px #00d4ff;--neon-shadow-sm:0 0 5px #00d4ff, 0 0 15px #00d4ff;--neon-text:0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #00d4ff, 0 0 82px #00d4ff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:#c8e8f0;background-image:radial-gradient(80% 50% at 50% -20%,#00d4ff14 0%,#0000 60%),radial-gradient(40% 30% at 80% 80%,#0064b40d 0%,#0000 50%);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar-thumb{background:var(--volt-blue);box-shadow:var(--neon-shadow-sm);border-radius:2px}::selection{color:#fff;background:#00d4ff4d}.font-display{font-family:Orbitron,monospace}.text-volt-grad{background:linear-gradient(135deg,#00d4ff 0%,#fff 40%,#00f0ff 70%,#09c 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #00d4ff99);-webkit-background-clip:text;background-clip:text}.text-neon{color:#00d4ff;text-shadow:0 0 7px #00d4ff,0 0 20px #00d4ff,0 0 40px #00d4ff}.border-volt-glow{border:1px solid #00d4ff4d;box-shadow:0 0 15px #00d4ff14,inset 0 1px #ffffff0a,0 0 0 1px #00d4ff0d}.border-volt-glow:hover{border-color:#00d4ffb3;box-shadow:0 0 25px #00d4ff40,0 0 50px #00d4ff1a,inset 0 1px #ffffff14}.border-neon{border:1px solid var(--volt-blue);box-shadow:var(--neon-shadow-sm), inset 0 0 10px #00d4ff0d}.card-base{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.card-base:before{content:"";opacity:0;background:linear-gradient(135deg,#00d4ff08 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.card-base:hover{background:var(--bg-card-hover);border-color:#00d4ff59;transform:translateY(-4px);box-shadow:0 8px 40px #00d4ff1f,0 0 0 1px #00d4ff1a}.card-base:hover:before{opacity:1}.orb{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.grid-overlay{background-image:linear-gradient(#00d4ff0a 1px,#0000 1px),linear-gradient(90deg,#00d4ff0a 1px,#0000 1px);background-size:50px 50px}.scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}.noise:before{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E");position:absolute;inset:-50%}.section-pad{padding:100px 0}.btn-primary{color:#000;letter-spacing:.02em;background:linear-gradient(135deg,#08b 0%,#00d4ff 50%,#00f0ff 100%);border:1px solid #00f0ff80;border-radius:8px;padding:14px 32px;font-weight:700;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 0 20px #00d4ff66,0 4px 15px #0000004d}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#00f0ff,#ffffff50,#00d4ff);transition:opacity .25s;position:absolute;inset:0}.btn-primary:hover{color:#000;transform:translateY(-2px);box-shadow:0 0 30px #00d4ffb3,0 0 60px #00d4ff4d,0 4px 20px #0006}.btn-primary:hover:before{opacity:.3}.btn-primary:active{transform:translateY(0)}.btn-primary span{z-index:1;position:relative}.btn-primary:after{content:"";pointer-events:none;border:1px solid #00d4ff80;border-radius:10px;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.btn-outline{color:#00d4ff;letter-spacing:.02em;background:#00d4ff0d;border:1.5px solid #00d4ff99;border-radius:8px;padding:14px 32px;font-weight:600;transition:all .25s;box-shadow:0 0 10px #00d4ff1a,inset 0 0 10px #00d4ff08}.btn-outline:hover{color:#00f0ff;text-shadow:0 0 8px #00d4ffcc;background:#00d4ff1f;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 0 25px #00d4ff59,inset 0 0 15px #00d4ff14}.anim-hidden{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.anim-visible{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.7}99%{opacity:1}}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 40px #00d4ff}50%{box-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 20px #00d4ff}}@keyframes energy-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glow{0%{box-shadow:0 0 20px #00d4ff4d}to{box-shadow:0 0 60px #00d4ffcc,0 0 100px #00d4ff66}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes electric-border{0%,to{border-color:#00d4ff66;box-shadow:0 0 10px #00d4ff33}50%{border-color:#00f0ffe6;box-shadow:0 0 25px #00d4ff99,0 0 50px #00d4ff33}}.animate-float{animation:6s ease-in-out infinite float}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.animate-slide-up{animation:.6s ease-out forwards slideUp}.animate-glow{animation:2s ease-in-out infinite alternate glow}.animate-spin-slow{animation:12s linear infinite spin-slow}.animate-neon-pulse{animation:2s ease-in-out infinite neon-pulse}.animate-electric{animation:2s ease-in-out infinite electric-border}.animate-flicker{animation:4s linear infinite flicker}.stat-num{background:linear-gradient(135deg,#00d4ff,#fff,#00f0ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #00d4ffb3);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:3rem;font-weight:900;line-height:1}.badge{color:#00d4ff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 8px #00d4ff99;background:#00d4ff14;border:1px solid #00d4ff4d;border-radius:100px;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #00d4ff26,inset 0 0 10px #00d4ff08}.input-field{color:#e2e8f0;background:#00d4ff08;border:1px solid #00d4ff26;border-radius:8px;outline:none;width:100%;padding:14px 18px;font-size:.95rem;transition:all .2s}.input-field::placeholder{color:#ffffff40}.input-field:focus{background:#00d4ff0f;border-color:#00d4ffb3;box-shadow:0 0 0 3px #00d4ff1f,0 0 15px #00d4ff1a}.divider{background:linear-gradient(90deg,#0000,#00d4ff80 50%,#0000);height:1px;box-shadow:0 0 8px #00d4ff4d}.electric-line{background:linear-gradient(90deg,#0000,#00d4ff,#00f0ff,#00d4ff,#0000) 0 0/200% 100%;height:2px;animation:3s infinite energy-flow;box-shadow:0 0 8px #00d4ff,0 0 15px #00d4ff80}.corner-accent{opacity:.6;border-style:solid;border-color:#00d4ff;width:20px;height:20px;position:absolute}.corner-tl{border-width:2px 0 0 2px;top:10px;left:10px}.corner-tr{border-width:2px 2px 0 0;top:10px;right:10px}.corner-bl{border-width:0 0 2px 2px;bottom:10px;left:10px}.corner-br{border-width:0 2px 2px 0;bottom:10px;right:10px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#020408}::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#08b);border-radius:2px;box-shadow:0 0 6px #00d4ff}