:root{--bg-void:#000;--bg-deep:#030308;--bg-dark:#05050f;--bg-panel:#0a0a18;--bg-card:#0a0a19cc;--bg-card-hover:#0f0f23e6;--bg-elevated:#0a0a19f2;--neon-primary:#0ff;--neon-primary-dim:#0aa;--neon-cyan:#0ff;--neon-cyan-dim:#0aa;--neon-blue:#09f;--neon-blue-dim:#06a;--neon-magenta:#f0a;--neon-green:#0f8;--neon-orange:#f60;--neon-red:#ff2a2a;--neon-red-dim:#aa1a1a;--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-muted:#505068;--text-dim:#303048;--glow-primary:0 0 30px #0ff9,0 0 60px #00ffff4d;--glow-primary-subtle:0 0 15px #0ff6;--glow-cyan:0 0 30px #00ffff80,0 0 60px #00ffff40;--glow-cyan-subtle:0 0 15px #00ffff4d;--glow-blue:0 0 20px #0099ff80;--glow-red:0 0 30px #ff2a2a99,0 0 60px #ff2a2a4d;--glow-red-subtle:0 0 15px #ff2a2a66;--gradient-dark:linear-gradient(180deg,#000 0%,#030308 50%,#05050f 100%);--gradient-card:linear-gradient(135deg,#0a0a1ee6 0%,#050514e6 100%);--gradient-button:linear-gradient(135deg,var(--neon-cyan)0%,var(--neon-blue)100%);--gradient-button-alt:linear-gradient(135deg,var(--neon-cyan)0%,var(--neon-blue)100%);--gradient-text:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));--gradient-text-cyan:linear-gradient(90deg,var(--neon-cyan),var(--neon-blue));--font-display:"Orbitron","Exo 2",sans-serif;--font-body:"Rajdhani","Exo 2",sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-ai-assistant:500;--sidebar-width:260px;--sidebar-collapsed:70px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:500;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:9997;background:radial-gradient(#0000 0%,#0006 100%);width:100%;height:100%;position:fixed;top:0;left:0}a{color:var(--neon-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--neon-red)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.02em;font-weight:700;line-height:1.2}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-cyan{background:var(--gradient-text-cyan);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-glow{text-shadow:var(--glow-cyan-subtle)}.text-glow-red{text-shadow:var(--glow-red-subtle)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-button);color:#000;box-shadow:var(--glow-red-subtle)}.btn-primary:hover{box-shadow:var(--glow-red);transform:translateY(-2px)}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-secondary{color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:0 0}.btn-secondary:hover{box-shadow:var(--glow-cyan-subtle);background:#00c8ff1a}.btn-ghost{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff14}.btn-ghost:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.btn-sm{padding:var(--space-sm)var(--space-md);font-size:.8rem}.btn-lg{padding:var(--space-lg)var(--space-2xl);font-size:1rem}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);background:#00000080;border:1px solid #ffffff14;font-size:1rem}.form-input:focus{border-color:var(--neon-red);box-shadow:var(--glow-red-subtle);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-checkbox{align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.form-checkbox input{width:18px;height:18px;accent-color:var(--neon-red)}.card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);border:1px solid #ffffff0d}.card:hover{box-shadow:var(--glow-red-subtle);border-color:#ff2a2a4d}.badge{padding:var(--space-xs)var(--space-sm);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);align-items:center;font-size:.7rem;font-weight:600;display:inline-flex}.badge-red{color:var(--neon-red);background:#ff2a2a26;border:1px solid #ff2a2a4d}.badge-cyan{color:var(--neon-cyan);background:#00c8ff26;border:1px solid #00c8ff4d}.badge-green{color:var(--neon-green);background:#00ff8826;border:1px solid #00ff884d}.badge-orange{color:var(--neon-orange);background:#ff660026;border:1px solid #ff66004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ff2a2a66}50%{box-shadow:0 0 40px #ff2a2acc,0 0 60px #ff2a2a66}}@keyframes eyeScan{0%,to{box-shadow:0 0 20px #ff2a2a80,inset 0 0 20px #ff2a2a4d}50%{box-shadow:0 0 40px #ff2a2acc,0 0 80px #ff2a2a66,inset 0 0 30px #ff2a2a80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.8}52%{opacity:1}54%{opacity:.9}56%{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-slow)ease forwards}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}.animate-float{animation:3s ease-in-out infinite float}.animate-flicker{animation:4s ease-in-out infinite flicker}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.container{width:100%;max-width:1400px;padding:0 var(--space-xl);margin:0 auto}.container-sm{max-width:800px}.container-lg{max-width:1600px}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid{display:grid}@media (max-width:1024px){:root{--sidebar-width:220px}}@media (max-width:768px){:root{--sidebar-width:100%}.container{padding:0 var(--space-md)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ff2a2a4d}::-webkit-scrollbar-thumb:hover{background:#ff2a2a80}::selection{color:var(--text-primary);background:#ff2a2a4d}.ai-assistant{bottom:var(--space-xl);right:var(--space-xl);z-index:var(--z-ai-assistant);position:fixed}.ai-assistant-toggle{background:var(--bg-panel);cursor:pointer;width:70px;height:70px;transition:all var(--transition-normal);border:2px solid #ff2a2a80;border-radius:50%;animation:3s ease-in-out infinite pulseGlow;overflow:hidden}.ai-assistant-toggle:hover{border-color:var(--neon-red);transform:scale(1.1)}.ai-assistant-toggle img{object-fit:cover;width:100%;height:100%}.ai-assistant-panel{background:var(--bg-panel);border-radius:var(--radius-xl);opacity:0;visibility:hidden;width:380px;max-height:500px;transition:all var(--transition-normal);box-shadow:0 20px 60px #00000080,var(--glow-red-subtle);border:1px solid #ff2a2a4d;position:absolute;bottom:90px;right:0;overflow:hidden;transform:translateY(20px)scale(.95)}.ai-assistant-panel.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.ai-assistant-header{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#ff2a2a1a;border-bottom:1px solid #ff2a2a33;display:flex}.ai-assistant-avatar{border:2px solid var(--neon-red);border-radius:50%;width:50px;height:50px;animation:3s ease-in-out infinite eyeScan;overflow:hidden}.ai-assistant-avatar img{object-fit:cover;width:100%;height:100%}.ai-assistant-info h3{color:var(--neon-red);font-size:1rem}.ai-assistant-info p{color:var(--text-muted);font-size:.8rem}.ai-assistant-status{align-items:center;gap:var(--space-xs);color:var(--neon-green);font-size:.75rem;display:flex}.ai-assistant-status-dot{background:var(--neon-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.ai-assistant-messages{height:300px;padding:var(--space-lg);overflow-y:auto}.ai-message{margin-bottom:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--neon-red);background:#ff2a2a1a;font-size:.9rem;line-height:1.6}.ai-assistant-input{gap:var(--space-sm);padding:var(--space-md);border-top:1px solid #ffffff0d;display:flex}.ai-assistant-input input{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);color:var(--text-primary);background:#0000004d;border:1px solid #ffffff1a;flex:1;font-size:.9rem}.ai-assistant-input input:focus{border-color:var(--neon-red);outline:none}.ai-assistant-input button{padding:var(--space-sm)var(--space-md);background:var(--gradient-button);border-radius:var(--radius-md);color:#000;font-weight:600}.webgl-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.webgl-container canvas{width:100%;height:100%}