:root{--neon-blue: #38bdf8;--neon-green: #4ade80;--neon-pink: #f472b6;--neon-yellow: #facc15;--neon-orange: #fb923c;--bg-dark: #020617;--panel: #020617}body{background:radial-gradient(circle at top,#020617,#000);color:#fff}.top-nav{position:sticky;top:0;z-index:1;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0f172a}.nav-inner{max-width:1200px;margin:auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;color:#38bdf8;text-shadow:0 0 12px #38bdf8;font-weight:700}.nav-links{display:flex;gap:1rem}.nav-link{padding:.5rem 1rem;border-radius:.75rem;color:#94a3b8;transition:all .2s ease}.nav-link:hover{color:#fff}.nav-link.active{color:#38bdf8;box-shadow:inset 0 0 0 1px #38bdf8,0 0 12px #38bdf899}.landing{min-height:calc(30vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.landing-logo{font-size:4rem;margin-bottom:1rem;color:#38bdf8;text-shadow:0 0 20px #38bdf8,0 0 40px rgba(56,189,248,.6)}.landing-tagline{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.cta{padding:.75rem 2rem;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#4ade80);color:#000;font-weight:700;box-shadow:0 0 20px #38bdf899;transition:transform .2s ease}.cta:hover{transform:scale(1.05)}.object-card{background:#020617cc;border-radius:1rem;padding:1.25rem;width:130px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #0f172a;transition:transform .2s ease,box-shadow .2s ease}.object-card:hover{transform:translateY(-4px)}.clickable{cursor:pointer}.object-off svg{color:#475569;filter:none!important}.object-on.cyan svg{color:#38bdf8;filter:drop-shadow(0 0 6px #38bdf8) drop-shadow(0 0 12px #38bdf8)}.object-on.green svg{color:#4ade80;filter:drop-shadow(0 0 6px #4ade80) drop-shadow(0 0 12px #4ade80)}.object-on.pink svg{color:#f472b6;filter:drop-shadow(0 0 6px #f472b6) drop-shadow(0 0 12px #f472b6)}.object-on.yellow svg{color:#facc15;filter:drop-shadow(0 0 6px #facc15) drop-shadow(0 0 12px #facc15)}.object-on.orange svg{color:#fb923c;filter:drop-shadow(0 0 6px #fb923c) drop-shadow(0 0 12px #fb923c)}.object-on.purple svg{color:#a78bfa;filter:drop-shadow(0 0 6px #a78bfa) drop-shadow(0 0 12px #a78bfa)}.object-on.blue svg{color:#60a5fa;filter:drop-shadow(0 0 6px #60a5fa) drop-shadow(0 0 12px #60a5fa)}.object-on svg{animation:pulseGlow 1.2s infinite alternate}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 32px currentColor)}50%{filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 0 48px currentColor)}to{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 32px currentColor)}}.page h1{margin-bottom:1.5rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);text-align:center;width:100%}.objects-container{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.energy-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:4px;margin-top:.5rem}.energy-bar{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,#38bdf8,#4ade80);transition:width .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:-1;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:200px 200px,200px 200px}}.dashboard-rows{display:flex;flex-direction:column;gap:2rem}.dashboard-row{display:flex;gap:2rem;flex-wrap:nowrap}.dashboard-category-column{flex:1;display:flex;flex-direction:column;gap:1rem;border:2px solid rgba(255,255,255,.2);border-radius:1rem;padding:1rem;background:#0000004d;box-shadow:0 4px 8px #0000004d}.dashboard-category-title{font-weight:700;font-size:1.2rem;text-align:center;color:#fff;margin-bottom:.5rem;padding-bottom:.3rem;box-shadow:0 0 8px #0ff}.dashboard-card{display:flex;justify-content:space-between;align-items:center;background:#111;padding:.6rem 1rem;border-radius:.6rem;transition:all .3s ease}.dashboard-card-left{display:flex;align-items:center;gap:.5rem}.dashboard-card-label{font-weight:500;color:#fff}.dashboard-card.dashboard-on{color:#fff}.switch{width:40px;height:20px;background:#333;border-radius:12px;cursor:pointer;position:relative;transition:background .3s,box-shadow .3s}.switch.on{background:linear-gradient(135deg,#0ff,#f0f,#ff0);box-shadow:0 0 8px #0ff,0 0 15px #f0f,0 0 20px #ff0}.switch .knob{width:18px;height:18px;background:#111;border-radius:50%;position:absolute;top:1px;left:1px;transition:left .3s}.switch.on .knob{left:21px}.neon-wave-container{width:100%;height:90px;overflow:hidden;pointer-events:none;z-index:1;background:transparent}.neon-wave-svg{width:100%;height:100%}.neon-wave{fill:transparent;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px) drop-shadow(0 0 12px) drop-shadow(0 0 18px);animation:waveMove 3s ease-in-out infinite alternate}.neon-blue{stroke:#38bdf8;filter:drop-shadow(0 0 8px #38bdf8) drop-shadow(0 0 16px #38bdf8);animation-duration:3s}.neon-pink{stroke:#f472b6;filter:drop-shadow(0 0 8px #f472b6) drop-shadow(0 0 16px #f472b6);animation-duration:4s}.neon-green{stroke:#4ade80;filter:drop-shadow(0 0 8px #4ade80) drop-shadow(0 0 16px #4ade80);animation-duration:5s}@keyframes waveMove{0%{d:path("M0,50 C200,80 600,20 800,50")}50%{d:path("M0,55 C200,85 600,25 800,55")}to{d:path("M0,45 C200,75 600,15 800,45")}}