:root{--bg-deep: #0f0518;--bg-mid: #1a0b2e;--bg-blue: #16213e;--bg-navy: #0f3460;--bg-purple: #533a71;--neon-pink: #ff00ff;--neon-cyan: #00ffff;--neon-purple: #8b5cf6;--hot-pink: #ff1493;--electric-blue:#3b82f6;--violet: #8a2be2;--gold-bright: #FFD700;--gold-light: #FFE566;--green-glow: #39FF14;--white: #FFFFFF;--text-main: oklch(.967 .001 286.375);--border-col: rgba(139,92,246,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:Rajdhani,sans-serif;color:var(--text-main);min-height:100vh;overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;background-color:transparent;background-image:linear-gradient(rgba(255,0,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,0,255,.03) 1px,transparent 0),radial-gradient(at 0% 0%,rgba(255,0,255,.2) 0%,transparent 50%),radial-gradient(at 100% 0%,rgba(0,255,255,.15) 0%,transparent 50%),radial-gradient(at 0% 100%,rgba(255,20,147,.1) 0%,transparent 50%),radial-gradient(at 100% 100%,rgba(138,43,226,.15) 0%,transparent 50%),linear-gradient(135deg,#0f0518,#1a0b2e 25%,#16213e,#0f3460 75%,#533a71);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed;background-position:0 0,0 0,0 0,100% 0,0 100%,100% 100%,50%}body:before{content:"";pointer-events:none;z-index:0;position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,255,.03) 2px 4px),radial-gradient(150% 100% at 50% -50%,rgba(255,0,255,.1),transparent),radial-gradient(150% 100% at 50% 150%,rgba(0,255,255,.08),transparent);animation:scanLines 20s linear infinite}body:after{content:"";pointer-events:none;z-index:0;position:fixed;top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 30%,rgba(255,0,255,.1) 0%,transparent 2%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.08) 0%,transparent 2%),radial-gradient(circle at 40% 90%,rgba(255,20,147,.06) 0%,transparent 2%),radial-gradient(circle at 90% 20%,rgba(138,43,226,.08) 0%,transparent 2%);animation:floatParticles 30s ease-in-out infinite}@keyframes scanLines{0%{background-position:0 0,50% -50%,50% 150%}to{background-position:0 100px,50% -50%,50% 150%}}@keyframes floatParticles{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.1)}66%{transform:translate(-15px,20px) scale(.95)}}@keyframes shimmer{0%{background-position:0%}to{background-position:400%}}@keyframes ledPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}@keyframes bgPulse{0%{filter:brightness(.85) saturate(1)}to{filter:brightness(1.15) saturate(1.3)}}@keyframes gridShift{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardFloat{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-6px) rotateX(2deg)}}@keyframes neonPulse{0%,to{box-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink)}50%{box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#8b5cf633;border:1px solid rgba(255,255,255,.05);border-radius:4px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::selection{background:#ff00ff4d;color:#fff}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-in{animation:slideInRight .35s ease both}.glow-pink{text-shadow:0 0 10px var(--neon-pink)}.glow-cyan{text-shadow:0 0 10px var(--neon-cyan)}.glow-purple{text-shadow:0 0 10px var(--neon-purple)}.font-mono{font-family:Share Tech Mono,monospace}.font-display{font-family:Orbitron,monospace}body{background:#000}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/bg-globe.jpg) no-repeat center center;background-size:70%;opacity:.28;pointer-events:none;z-index:0;animation:globeSpin 30s linear infinite;transform-origin:center center}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,255,255,.12) 0%,transparent 55%),radial-gradient(circle at center,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none;z-index:0}@keyframes globeSpin{0%{transform:rotate(0) scale(1);opacity:.28}50%{transform:rotate(180deg) scale(1.04);opacity:.35}to{transform:rotate(360deg) scale(1);opacity:.28}}#root{position:relative;z-index:1}