:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a2e;--color-accent-cyan:#00f5ff;--color-accent-purple:#b829f7;--color-accent-pink:#f0f;--color-accent-green:#0f8;--color-accent-orange:#ff6b35;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#ffffff80;--gradient-primary:linear-gradient(135deg,var(--color-accent-cyan)0%,var(--color-accent-purple)100%);--gradient-secondary:linear-gradient(135deg,var(--color-accent-pink)0%,var(--color-accent-purple)100%);--gradient-success:linear-gradient(135deg,var(--color-accent-green)0%,#00cc6a 100%);--gradient-dark:linear-gradient(180deg,var(--color-bg-secondary)0%,var(--color-bg-primary)100%);--shadow-cyan:0 0 20px #00f5ff80,0 0 40px #00f5ff4d;--shadow-purple:0 0 20px #b829f780,0 0 40px #b829f74d;--shadow-glow:0 0 30px #00f5ff66;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-medium:.4s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1)}.animated-bg{z-index:-1;background:var(--color-bg-primary);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.animated-bg:before{content:"";background:radial-gradient(circle at 20% 80%,#00f5ff26 0%,#0000 50%),radial-gradient(circle at 80% 20%,#b829f726 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ff00ff1a 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite backgroundMove;position:absolute;top:-50%;left:-50%}@keyframes backgroundMove{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(2deg)}66%{transform:translate(-20px,20px)rotate(-2deg)}}.particles-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{background:var(--color-accent-cyan);opacity:.6;width:4px;height:4px;box-shadow:0 0 10px var(--color-accent-cyan);border-radius:50%;animation:15s infinite float;position:absolute}.particle:first-child{animation-duration:12s;animation-delay:0s;left:10%}.particle:nth-child(2){animation-duration:18s;animation-delay:2s;left:20%}.particle:nth-child(3){animation-duration:14s;animation-delay:4s;left:30%}.particle:nth-child(4){animation-duration:16s;animation-delay:1s;left:40%}.particle:nth-child(5){animation-duration:13s;animation-delay:3s;left:50%}.particle:nth-child(6){animation-duration:17s;animation-delay:5s;left:60%}.particle:nth-child(7){animation-duration:15s;animation-delay:2.5s;left:70%}.particle:nth-child(8){animation-duration:19s;animation-delay:4.5s;left:80%}.particle:nth-child(9){animation-duration:11s;animation-delay:1.5s;left:90%}.particle:nth-child(10){animation-duration:20s;animation-delay:6s;left:15%}@keyframes float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}.card-3d{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;transition:all var(--transition-medium);background:#1a1a2e99;border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden}.card-3d:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.card-3d:hover:before{left:100%}.card-3d:hover{box-shadow:var(--shadow-cyan);border-color:var(--color-accent-cyan);transform:translateY(-8px)rotateX(5deg)}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px}.glass-strong{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#12121acc;border:1px solid #ffffff26}.btn-neon{border:2px solid var(--color-accent-cyan);color:var(--color-accent-cyan);letter-spacing:1px;text-transform:uppercase;transition:all var(--transition-fast);z-index:1;background:0 0;border-radius:30px;padding:12px 32px;font-weight:600;position:relative;overflow:hidden}.btn-neon:before{content:"";background:var(--color-accent-cyan);width:100%;height:100%;transition:left var(--transition-fast);z-index:-1;position:absolute;top:0;left:-100%}.btn-neon:hover{color:var(--color-bg-primary);box-shadow:var(--shadow-cyan)}.btn-neon:hover:before{left:0}.btn-neon-purple{border-color:var(--color-accent-purple);color:var(--color-accent-purple)}.btn-neon-purple:before{background:var(--color-accent-purple)}.btn-neon-purple:hover{box-shadow:var(--shadow-purple)}.text-glow{text-shadow:0 0 20px,0 0 40px}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.perspective-1000{perspective:1000px}.transform-3d{transform-style:preserve-3d}.rotate-y-12{transform:rotateY(12deg)}.rotate-x-12{transform:rotateX(12deg)}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00f5ff80}50%{box-shadow:0 0 40px #00f5ffcc,0 0 60px #00f5ff66}}.gradient-border{background:var(--color-bg-secondary);border-radius:16px;position:relative}.gradient-border:before{content:"";background:var(--gradient-primary);z-index:-1;opacity:0;transition:opacity var(--transition-fast);border-radius:18px;position:absolute;inset:-2px}.gradient-border:hover:before{opacity:1}.loading-spinner{border:3px solid #00f5ff1a;border-top-color:var(--color-accent-cyan);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scan-line{position:relative;overflow:hidden}.scan-line:after{content:"";background:var(--color-accent-cyan);width:100%;height:4px;box-shadow:0 0 20px var(--color-accent-cyan);animation:3s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:-4px}to{top:100%}}.floating{animation:3s ease-in-out infinite floating}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.tilt{transition:transform var(--transition-fast);transform-style:preserve-3d}.tilt:hover{transform:perspective(1000px)rotateX(var(--rotateX,0deg))rotateY(var(--rotateY,0deg))}.status-dot{border-radius:50%;width:12px;height:12px;position:relative}.status-dot:after{content:"";opacity:.4;border-radius:50%;animation:2s ease-in-out infinite statusPulse;position:absolute;inset:-4px}.status-dot.online{background:var(--color-accent-green);box-shadow:0 0 10px var(--color-accent-green)}.status-dot.online:after{background:var(--color-accent-green)}.status-dot.building{background:var(--color-accent-cyan);box-shadow:0 0 10px var(--color-accent-cyan)}.status-dot.building:after{background:var(--color-accent-cyan)}.status-dot.error{background:var(--color-accent-orange);box-shadow:0 0 10px var(--color-accent-orange)}.status-dot.error:after{background:var(--color-accent-orange)}@keyframes statusPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.hover-glow{transition:all var(--transition-fast)}.hover-glow:hover{border-color:var(--color-accent-cyan);box-shadow:0 0 30px #00f5ff4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-accent-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-purple)}::selection{background:var(--color-accent-cyan);color:var(--color-bg-primary)}:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px}.grid-pattern{background-image:linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-size:50px 50px}