:root{--bg-deep-space:#04060e;--bg-nebula-glow:radial-gradient(circle at 50% -20%, #6366f12e 0%, #a855f70f 50%, #04060e00 100%);--color-primary:#6366f1;--color-primary-glow:#6366f159;--color-secondary:#06b6d4;--color-secondary-glow:#06b6d459;--color-accent:#8b5cf6;--color-accent-glow:#8b5cf659;--color-success:#10b981;--color-success-glow:#10b9814d;--color-warning:#f59e0b;--color-warning-glow:#f59e0b4d;--color-error:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#0a0f1eb8;--glass-border:#ffffff14;--glass-highlight:#ffffff05;--glass-shadow:#00000080;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", var(--font-sans);--font-mono:"Fira Code", "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:var(--bg-deep-space);background-image:var(--bg-nebula-glow);color:var(--text-primary);scroll-behavior:smooth;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#6366f10a 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep-space)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{z-index:2;max-width:1240px;margin:0 auto;padding:0 2rem;position:relative}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 10px 40px var(--glass-shadow), inset 0 1px 1px #ffffff0d;border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--glass-highlight), transparent);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#ffffff29;transform:translateY(-2px);box-shadow:0 16px 45px #0009,inset 0 1px 2px #ffffff14}.glow-indigo:hover{box-shadow:0 0 30px #6366f133, 0 10px 40px var(--glass-shadow);border-color:#6366f159}.glow-cyan:hover{box-shadow:0 0 30px #06b6d433, 0 10px 40px var(--glass-shadow);border-color:#06b6d459}.glow-emerald:hover{box-shadow:0 0 30px #10b98133, 0 10px 40px var(--glass-shadow);border-color:#10b98159}.glow-purple:hover{box-shadow:0 0 30px #8b5cf633, 0 10px 40px var(--glass-shadow);border-color:#8b5cf659}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 4px 20px var(--color-primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199}.btn-secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0a}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#f8fafc 20%,#cbd5e1 60%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#38bdf8 0%,#06b6d4 50%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#34d399 0%,#10b981 60%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.98)}}.pulsing-indicator{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.pulsing-indicator.success{background-color:var(--color-success);box-shadow:0 0 12px var(--color-success)}.pulsing-indicator.warning{background-color:var(--color-warning);box-shadow:0 0 12px var(--color-warning)}@keyframes laserScan{0%{opacity:0;top:-2%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:102%}}.laser-scan-line{background:linear-gradient(90deg, #06b6d400 0%, var(--color-secondary) 50%, #06b6d400 100%);width:100%;height:3px;box-shadow:0 0 15px var(--color-secondary), 0 0 5px var(--color-secondary);pointer-events:none;z-index:10;animation:2.5s linear infinite laserScan;position:absolute;left:0}@keyframes audioWave{0%,to{height:4px}50%{height:32px}}.eq-bar{background:linear-gradient(to top, var(--color-secondary), var(--color-primary));border-radius:2px;width:4px;height:8px;animation:1s ease-in-out infinite audioWave}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff14;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--color-secondary);width:16px;height:16px;box-shadow:0 0 12px var(--color-secondary-glow);cursor:pointer;-webkit-appearance:none;border-radius:50%;margin-top:-5px;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--color-success);box-shadow:0 0 12px var(--color-success-glow);transform:scale(1.35)}.fade-in-animation{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=950px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 1.25rem}}.node-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#6366f100 70%);border-radius:50%;width:250px;height:250px;position:absolute}.chart-bar-container{border:1px solid var(--glass-border);background:#0003;border-radius:8px;align-items:flex-end;gap:8px;height:120px;padding:8px;display:flex}.chart-bar{background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));border-radius:4px 4px 0 0;flex:1;transition:height .5s ease-in-out;position:relative}.chart-bar:hover{background:linear-gradient(180deg, var(--color-accent), var(--color-success))}.chart-tooltip{color:#fff;border:1px solid var(--glass-border);opacity:0;pointer-events:none;white-space:nowrap;background:#05070fe6;border-radius:4px;padding:4px 8px;font-size:.65rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-tooltip{opacity:1}