@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Poppins:wght@400;500;600&display=swap";.landing-page{background:#02040a;color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden;position:relative;min-height:100vh}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none}.hud-ring{position:fixed;border-radius:50%;border:1px solid rgba(0,212,255,.05);pointer-events:none;z-index:0}.ring-1{width:800px;height:800px;top:-200px;right:-200px;border-width:2px;border-style:dashed;animation:rotateHUD 120s linear infinite}.ring-2{width:600px;height:600px;bottom:-100px;left:-150px;background:radial-gradient(circle,rgba(0,212,255,.02) 0%,transparent 70%);animation:rotateHUD 90s linear infinite reverse}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><circle cx="20" cy="20" r="1.5" fill="rgba(0,212,255,0.45)"/><circle cx="100" cy="80" r="1" fill="rgba(195,0,255,0.35)"/><circle cx="160" cy="140" r="1.2" fill="rgba(255,255,255,0.4)"/><circle cx="60" cy="160" r="0.8" fill="rgba(0,212,255,0.3)"/></svg>') repeat;animation:particleDrift 60s linear infinite;opacity:.6}@keyframes particleDrift{0%{background-position:0 0}to{background-position:200px 200px}}.cinematic-bg-glow{position:fixed;top:-30%;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse,rgba(0,212,255,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.8rem 2.5rem;background:#0a0f19b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.15);border-radius:100px;box-shadow:0 10px 40px #0000004d}.nav-logo{font-size:1.4rem;font-weight:800;color:#fff}.nav-logo span{background:linear-gradient(90deg,#00d4ff,#7873f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links-container{display:flex;gap:2.5rem}.nav-links-container a{color:#ffffffb3;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .3s}.nav-links-container a:hover{color:#00d4ff}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-btn.contact{background:transparent;border:1px solid rgba(0,212,255,.5);color:#fff;padding:.5rem 1.2rem;border-radius:100px;font-size:.85rem;cursor:pointer;background:#00d4ff1a;box-shadow:0 0 15px #00d4ff33}.nav-menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem .8rem;border-radius:8px;cursor:pointer}.marquee-wrapper{position:relative;height:120px;margin:4rem 0;overflow:hidden;z-index:5}.marquee{position:absolute;width:150vw;left:-25vw;padding:1rem 0;display:flex;white-space:nowrap;font-family:Orbitron,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:2px}.marquee-primary{background:#00d4ff;color:#02040a;transform:rotate(-3deg) translateY(20px);z-index:2}.marquee-secondary{background:#00d4ff1a;color:#00d4ff;border:1px solid rgba(0,212,255,.5);transform:rotate(-3deg) translateY(10px);z-index:1}.marquee-content{display:flex;animation:scrollMarquee 40s linear infinite}.marquee-content span{padding:0 4rem}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-section{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:8rem 4rem 4rem;gap:3rem}.hero-content{flex:1;max-width:600px}.hero-badge{display:inline-block;padding:.4rem 1.2rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:50px;font-size:.8rem;color:#00d4ff;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem}.hero-title{font-family:Orbitron,sans-serif;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;line-height:1.15;margin-bottom:1.8rem;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4),0 0 30px rgba(255,255,255,.1);letter-spacing:-.5px}.text-neon{background:linear-gradient(-45deg,#00d4ff,#08f,#7873f5,#f0f,#00d4ff);background-size:300% 300%;animation:gradientFlow 8s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;filter:drop-shadow(0 0 10px rgba(0,212,255,.5));position:relative}.text-neon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(255,255,255,.05) 100%);-webkit-background-clip:text;background-clip:text;pointer-events:none}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-subtitle{font-size:1.05rem;color:#7a9bb5;line-height:1.7;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.cta-btn{padding:.85rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;border:none}.cta-btn.primary{background:linear-gradient(90deg,#00d4ff,#09c);color:#fff;box-shadow:0 6px 24px #00d4ff59}.cta-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00d4ff80}.cta-btn.secondary{background:transparent;border:1px solid rgba(0,212,255,.35);color:#00d4ff}.cta-btn.secondary:hover{background:#00d4ff14;transform:translateY(-2px)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.robot-preview{position:relative;width:600px;height:600px;display:flex;align-items:center;justify-content:center}.vid-container{position:relative;width:420px;height:420px;border-radius:50%;overflow:hidden;z-index:2;border:2px solid rgba(0,212,255,.5);box-shadow:0 0 50px #00d4ff4d}.hero-video-cinematic{width:100%;height:100%;object-fit:cover}.hero-hud-visual{position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><circle cx="250" cy="250" r="230" fill="none" stroke="rgba(0,212,255,0.15)" stroke-width="1" stroke-dasharray="10 5"/><circle cx="250" cy="250" r="210" fill="none" stroke="rgba(0,212,255,0.08)" stroke-width="20" stroke-dasharray="2 100"/><circle cx="250" cy="250" r="180" fill="none" stroke="rgba(0,212,255,0.2)" stroke-width="2" stroke-dasharray="50 10"/></svg>') center center no-repeat;background-size:contain;animation:rotateHUD 30s linear infinite;z-index:1}.robot-platform{position:absolute;bottom:20px;width:180px;height:18px;background:radial-gradient(ellipse,rgba(0,212,255,.5) 0%,transparent 70%);border-radius:50%;animation:platformPulse 4s ease-in-out infinite}@keyframes platformPulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(.85)}}.floating-orb{position:absolute;border-radius:50%;animation:orbFloat 6s ease-in-out infinite}.orb-1{width:60px;height:60px;background:radial-gradient(circle,rgba(0,212,255,.3),transparent);border:1px solid rgba(0,212,255,.3);top:30px;right:20px;animation-delay:-2s}.orb-2{width:40px;height:40px;background:radial-gradient(circle,rgba(195,0,255,.3),transparent);border:1px solid rgba(195,0,255,.3);bottom:60px;left:20px;animation-delay:-4s}@keyframes orbFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(180deg)}}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#e8f4ff;margin-bottom:1rem}.section-desc{color:#7a9bb5;font-size:1rem;max-width:500px;margin:0 auto;line-height:1.7}.about-split-section{display:flex;align-items:center;gap:5rem;padding:8rem 4rem;max-width:1300px;margin:0 auto}.about-visual{flex:1}.hologram-container{position:relative;width:100%;max-width:500px;background:#00d4ff0d;border-radius:20px;padding:20px;border:1px solid rgba(0,212,255,.2);box-shadow:0 0 40px #00d4ff1a}.hologram-video{width:100%;height:auto;border-radius:12px;filter:saturate(1.5) contrast(1.2) drop-shadow(0 0 20px rgba(0,212,255,.3));-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%);display:block}.hologram-overlay-grid{position:absolute;top:20px;right:20px;bottom:20px;left:20px;background-image:linear-gradient(rgba(0,212,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.1) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:2;border-radius:12px}.hologram-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,212,255,.2) 0%,transparent 70%);pointer-events:none}.about-content-right{flex:1.2}.section-tag{font-size:.75rem;font-weight:700;color:#00d4ff;letter-spacing:2px;margin-bottom:1rem}.about-content-right h2{font-size:2.2rem;line-height:1.3;margin-bottom:2rem;font-weight:600}.text-highlight{color:#7873f5}.about-desc-primary{color:#fff9;line-height:1.7;margin-bottom:3rem}.about-cards-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.mini-card{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:.3s}.mini-card:hover{background:#00d4ff0d;border-color:#00d4ff4d}.mini-card-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px}.mini-card-text h3{font-size:1rem;margin-bottom:.4rem;color:#fff}.mini-card-text p{font-size:.85rem;color:#ffffff80}.know-more-btn{background:#00d4ff26;border:1px solid rgba(0,212,255,.5);color:#fff;padding:.8rem 1.8rem;border-radius:100px;cursor:pointer;font-weight:600;transition:.3s}.future-tech-section{position:relative;padding:10rem 4rem;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#0a0e1a,#02040a)}.future-tech-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nebula-glow{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(0,136,255,.15) 0%,rgba(195,0,255,.05) 40%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(100px);animation:nebulaPulse 10s ease-in-out infinite}@keyframes nebulaPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.star-field{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1.5px 1.5px at 100px 100px,#fff,#0000),radial-gradient(1px 1px at 200px 150px,#ddd,#0000);background-size:300px 300px;opacity:.3;animation:starsDrift 100s linear infinite}@keyframes starsDrift{0%{background-position:0 0}to{background-position:300px 600px}}.future-tech-container{position:relative;width:100%;max-width:1200px;height:600px;z-index:2}.central-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.hub-core{position:relative;width:450px;height:450px;display:flex;align-items:center;justify-content:center;text-align:center}.hub-rings{position:absolute;top:0;right:0;bottom:0;left:0}.hub-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(0,212,255,.3);border-radius:50%;box-shadow:0 0 30px #00d4ff33,inset 0 0 30px #00d4ff1a;animation:hubPulse 4s ease-in-out infinite}.hub-ring-outer{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border:1px dashed rgba(0,212,255,.15);border-radius:50%;animation:rotateHUD 60s linear infinite}.central-content{background:#02040a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:80%;height:80%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:1px solid rgba(0,212,255,.1);overflow:hidden}.hub-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:screen}.hub-tag{font-size:.8rem;letter-spacing:3px;color:#00d4ff;margin-bottom:.5rem;font-family:Orbitron,sans-serif}.central-content h2{font-family:Orbitron,sans-serif;font-size:2.2rem;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff,#7a9bb5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hub-divider{width:60px;height:2px;background:#00d4ff;margin-bottom:1.5rem;box-shadow:0 0 10px #00d4ff}.central-content p{font-size:.9rem;color:#fff9;line-height:1.6}.hub-cube-wrapper{position:absolute;width:200px;height:200px;perspective:1000px;z-index:1}.hub-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:cubeRotate 20s linear infinite}.cube-face{position:absolute;width:100%;height:100%;background:#00d4ff0d;border:1px solid rgba(0,212,255,.4);box-shadow:inset 0 0 30px #00d4ff33;display:flex;align-items:center;justify-content:center}.front{transform:rotateY(0) translateZ(100px)}.back{transform:rotateY(180deg) translateZ(100px)}.right{transform:rotateY(90deg) translateZ(100px)}.left{transform:rotateY(-90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes cubeRotate{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.hub-ring-glitch{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;border:1px solid rgba(195,0,255,.3);border-radius:50%;animation:ringGlitch 3s steps(1) infinite;display:none}@keyframes ringGlitch{0%,to{opacity:0;transform:scale(1)}5%,10%{opacity:.5;transform:scale(1.05) skew(5deg)}15%{opacity:0}}.hologram-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:#00d4ff80;box-shadow:0 0 15px #00d4ff;animation:hubScan 4s linear infinite;z-index:5;pointer-events:none}@keyframes hubScan{0%{top:0;opacity:0}10%,90%{opacity:1}to{top:100%;opacity:0}}.tech-nodes{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);animation:techOrbit 40s linear infinite;z-index:5}.tech-node{position:absolute;width:300px;padding:1.8rem;background:#0a0f1966;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(0,212,255,.1);border-radius:2px;display:flex;gap:1.5rem;align-items:center;transition:.4s cubic-bezier(.175,.885,.32,1.275);animation:techCounterOrbit 40s linear infinite;box-shadow:0 10px 30px #00000080;overflow:hidden}.tech-node:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(0,212,255,.05),transparent);transform:translate(-100%);transition:.6s}.tech-node:hover:before{transform:translate(100%)}.tech-node:hover{border-color:#00d4ff80;background:#00d4ff0d;transform:scale(1.05)!important}.node-hologram{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,rgba(0,212,255,.02) 2px,transparent 4px);pointer-events:none}.node-tag{font-size:.6rem;letter-spacing:2px;color:#00d4ff80;margin-bottom:.5rem;font-family:Orbitron,sans-serif}.node-corner-accent{position:absolute;top:5px;right:5px;width:10px;height:10px;border-top:2px solid #00d4ff;border-right:2px solid #00d4ff;opacity:.5}.node-tl{top:10%;left:10%}.node-tr{top:10%;right:10%;flex-direction:row-reverse;text-align:right}.node-bl{bottom:10%;left:10%}.node-br{bottom:10%;right:10%;flex-direction:row-reverse;text-align:right}@keyframes techOrbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes techCounterOrbit{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.node-icon{font-size:2rem;width:60px;height:60px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.node-info h3{font-size:.8rem;letter-spacing:2px;color:#00d4ff;margin-bottom:.4rem}.node-info p{font-size:.75rem;color:#ffffff80;line-height:1.4}.connector-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;animation:techOrbit 40s linear infinite;transform-origin:center}.connector-path{fill:none;stroke:#00d4ff26;stroke-width:1.5;stroke-dasharray:10 5;animation:lineDash 20s linear infinite}.data-pulse{offset-path:path(var(--path-d));animation:pulseMove 4s linear infinite;filter:drop-shadow(0 0 5px #00d4ff)}.pulse-tl{--path-d: "M150,150 L350,250"}.pulse-bl{--path-d: "M150,450 L350,350"}.pulse-tr{--path-d: "M850,150 L650,250"}.pulse-br{--path-d: "M850,450 L650,350"}@keyframes pulseMove{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes lineDash{to{stroke-dashoffset:-200}}@keyframes hubPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes floatNode{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 1100px){.future-tech-container{height:auto;display:flex;flex-direction:column;align-items:center;gap:3rem}.central-hub{position:static;transform:none}.tech-nodes{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}.tech-node{position:static;width:100%;animation:none}.connector-svg{display:none}}@media (max-width: 768px){.tech-nodes{grid-template-columns:1fr}.hub-core{width:320px;height:320px}.central-content h2{font-size:1.6rem}}.ai-dev-section{position:relative;padding:10rem 4rem;background:#02040a;display:flex;flex-direction:column;align-items:center;overflow:hidden}.ai-dev-hud-header{position:relative;width:60%;max-width:800px;padding:1.5rem 3rem;border:1px solid rgba(0,212,255,.2);border-top:none;border-bottom:2px solid #00d4ff;text-align:center;margin-bottom:6rem;background:linear-gradient(to bottom,rgba(0,212,255,.05),transparent)}.hud-corner-accent{position:absolute;width:15px;height:15px;border:2px solid #00d4ff}.hud-corner-accent.tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.hud-corner-accent.tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.ai-dev-title{font-family:Orbitron,sans-serif;font-size:2rem;color:#fff;letter-spacing:5px;text-shadow:0 0 20px rgba(0,212,255,.6)}.report-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1400px;width:100%;margin-bottom:150px;z-index:2}.report-card{background:#0a0f1966;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.15);border-radius:4px;padding:3rem 2.5rem;position:relative;transition:.5s cubic-bezier(.4,0,.2,1)}.report-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:0;transition:.3s}.report-card:hover{transform:translateY(-15px);border-color:#00d4ff80;background:#00d4ff0d;box-shadow:0 20px 50px #0009}.report-card:hover:after{opacity:1}.report-card-header{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:2.5rem;color:#00d4ff;font-family:Orbitron,sans-serif}.report-card-header h3{font-size:1.3rem;letter-spacing:3px;color:#fff}.bracket{font-size:1.8rem;opacity:.8}.report-list{list-style:none;display:flex;flex-direction:column;gap:1.8rem}.report-list li{font-size:.95rem;color:#ffffffbf;line-height:1.7;position:relative;padding-left:1.8rem}.report-list li:before{content:"◢";position:absolute;left:0;font-size:.6rem;top:.4rem;color:#00d4ff}.report-list li strong{color:#e8f4ff;display:block;margin-bottom:.4rem;font-weight:600}.brain-visual-wrapper{position:relative;width:100%;margin-top:-100px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.brain-glow-container{position:relative;width:800px;height:400px;display:flex;justify-content:center;align-items:center}.neural-brain{position:relative;width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.5) 0%,transparent 70%);border-radius:50%;filter:blur(5px);animation:brainFloat 8s ease-in-out infinite;z-index:2}.brain-core-pulse{position:absolute;top:15%;right:15%;bottom:15%;left:15%;background:radial-gradient(circle,#00d4ff 0%,transparent 75%);border-radius:50%;filter:blur(20px);animation:brainPulse 4s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);opacity:.5;filter:blur(20px)}50%{transform:scale(1.4);opacity:.8;filter:blur(35px)}}@keyframes brainFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-30px) rotate(2deg)}}.brain-nodes{position:absolute;top:0;right:0;bottom:0;left:0}.neural-node{position:absolute;width:4px;height:4px;background:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff;animation:nodePulse 2s ease-in-out infinite}.node-0{top:20%;left:40%;animation-delay:0s}.node-1{top:30%;left:60%;animation-delay:.2s}.node-2{top:50%;left:30%;animation-delay:.4s}.node-3{top:60%;left:70%;animation-delay:.6s}.node-4{top:40%;left:50%;animation-delay:.8s}.node-5{top:25%;left:75%;animation-delay:1s}.node-6{top:70%;left:45%;animation-delay:1.2s}.node-7{top:45%;left:25%;animation-delay:1.4s}.node-8{top:80%;left:55%;animation-delay:1.6s}.node-9{top:15%;left:55%;animation-delay:1.8s}@keyframes nodePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(2);opacity:1}}.hand-silhouette{position:absolute;bottom:-50px;width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(0,212,255,.15) 0%,transparent 70%);opacity:.6;z-index:1}.ai-dev-section{position:relative;padding:12rem 4rem;background:#010206;display:flex;flex-direction:column;align-items:center;overflow:hidden;perspective:2000px}.data-stream-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.data-path{animation:flowDown 5s linear infinite;opacity:.8}@keyframes flowDown{0%{transform:translateY(-100%);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translateY(500%);opacity:0}}.ai-dev-hud-header{position:relative;width:60%;max-width:850px;padding:2rem 4rem;border:1px solid rgba(0,212,255,.25);border-top:none;border-bottom:3px solid #00d4ff;text-align:center;margin-bottom:8rem;background:linear-gradient(to bottom,rgba(0,212,255,.08),transparent);z-index:5;transform:translateZ(50px)}.hud-scanline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,rgba(0,212,255,.1),transparent);background-size:100% 4px;animation:scanMove 4s linear infinite;pointer-events:none}@keyframes scanMove{0%{background-position:0 0}to{background-position:0 100%}}.report-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;max-width:1450px;width:100%;margin-bottom:200px;z-index:10;transform-style:preserve-3d}.report-card{background:#0a0f1980;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:4rem 3rem;position:relative;transition:transform .1s ease-out,border-color .4s,background .4s;transform-style:preserve-3d;overflow:hidden}.card-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s;z-index:5}.report-card:hover .card-glare{opacity:1}.card-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,rgba(0,212,255,.03) 1px,transparent 2px);pointer-events:none;z-index:4}.report-card:hover{border-color:#00d4ff99;background:#00d4ff14;box-shadow:0 30px 100px #000000b3,0 0 30px #00d4ff33}.report-card-header{transform:translateZ(40px);display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:3rem;color:#00d4ff;font-family:Orbitron,sans-serif}.report-list{transform:translateZ(20px);list-style:none;display:flex;flex-direction:column;gap:2rem}.brain-visual-wrapper{position:relative;width:100%;margin-top:-150px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;transform:translateZ(100px)}.brain-glow-container{position:relative;width:900px;height:500px;display:flex;justify-content:center;align-items:center}.neural-brain{position:relative;width:350px;height:350px;background:radial-gradient(circle,rgba(0,212,255,.6) 0%,transparent 75%);border-radius:50%;filter:blur(10px);animation:brainFloat 10s ease-in-out infinite;z-index:2}.footer{position:relative;z-index:50;padding:10rem 4rem 4rem;background:#05080fd9;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-top:1px solid rgba(0,212,255,.4);box-shadow:0 -40px 100px #000000e6;margin-top:-100px}.footer:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,#7873f5,#00d4ff,transparent);box-shadow:0 0 30px #00d4ff99}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8rem;max-width:1300px;margin:0 auto 6rem}.footer-col h3{font-family:Orbitron,sans-serif;font-size:2.2rem;margin-bottom:2rem;background:linear-gradient(90deg,#00d4ff,#7873f5,#00d4ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 5s linear infinite}.footer-col h4{font-family:Orbitron,sans-serif;color:#fff;font-size:1.1rem;letter-spacing:3px;margin-bottom:2.5rem;text-transform:uppercase}.footer-col p{color:#ffffffb3;font-size:1.05rem;line-height:1.9;max-width:400px}.footer-col a{color:#fff9;text-decoration:none;font-size:1rem;display:block;margin-bottom:1.2rem;transition:.4s}.footer-col a:hover{color:#00d4ff;padding-left:10px;text-shadow:0 0 10px rgba(0,212,255,.5)}.how-it-works-section{padding:10rem 4rem;background:#02040a;position:relative;z-index:5}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1300px;margin:4rem auto 0}.step-card{background:#ffffff05;border:1px solid rgba(0,212,255,.1);border-radius:20px;padding:3rem 2rem;text-align:center;position:relative;transition:.4s}.step-card:hover{background:#00d4ff0d;border-color:#00d4ff4d;transform:translateY(-10px)}.step-num{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:800;color:#00d4ff1a;position:absolute;top:1rem;right:2rem;line-height:1}.step-card h3{font-size:1.2rem;color:#fff;margin-bottom:1rem;font-family:Orbitron,sans-serif}.step-card p{font-size:.9rem;color:#fff9;line-height:1.6}.faq-section{padding:10rem 4rem;background:radial-gradient(circle at center,#0a0e1a,#02040a);position:relative;z-index:5}.faq-container{max-width:900px;margin:4rem auto 0;display:flex;flex-direction:column;gap:1.5rem}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:.3s}.faq-item:hover{background:#ffffff0d;border-color:#00d4ff4d}.faq-item.active{background:#00d4ff0d;border-color:#00d4ff66}.faq-question{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:1.05rem;color:#fff}.faq-icon{font-family:Orbitron,sans-serif;color:#00d4ff;font-size:1.2rem}.faq-answer{padding:0 2rem 1.5rem;color:#fff9;line-height:1.7;font-size:.95rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:3rem;text-align:center}.footer-bottom p{font-size:.9rem;color:#fff6;letter-spacing:2px;font-weight:300}@media (max-width: 900px){.ai-dev-section{padding:8rem 2rem}.report-cards-container{grid-template-columns:1fr;gap:3rem}.footer-content{grid-template-columns:1fr;gap:5rem}.steps-container{grid-template-columns:1fr}}.auth-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.auth-modal-container{width:90%;max-width:480px;background:#ffffff08;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080;color:#fff;overflow:hidden;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.auth-modal-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(0,234,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.auth-close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;transition:color .2s;line-height:1}.auth-close-btn:hover{color:#00eaff}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-family:Orbitron,sans-serif;font-size:1.8rem;letter-spacing:2px;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,#00eaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:#ffffff0d;padding:.4rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.auth-tab{flex:1;padding:.8rem;text-align:center;cursor:pointer;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff9}.auth-tab.active{background:#00eaff26;color:#00eaff;box-shadow:0 4px 15px #00eaff1a}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8rem;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.form-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.9rem 1.25rem;color:#fff;font-size:.95rem;transition:all .3s}.form-group input:focus{outline:none;border-color:#00eaff;background:#ffffff14;box-shadow:0 0 15px #00eaff1a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%}.password-toggle{position:absolute;right:1rem;cursor:pointer;font-size:1.2rem;opacity:.6;-webkit-user-select:none;user-select:none}.password-toggle:hover{opacity:1}.auth-submit-btn{margin-top:1rem;background:linear-gradient(90deg,#00d2ff,#3a7bd5);border:none;border-radius:12px;padding:1rem;color:#fff;font-family:Orbitron,sans-serif;font-weight:600;font-size:1rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d2ff4d}.auth-submit-btn:active{transform:translateY(0)}.auth-footer{margin-top:1.5rem;text-align:center;font-size:.85rem;color:#ffffff80}.auth-footer a{color:#00eaff;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:fadeIn .4s ease-out}.auth-forgot-link{text-align:right;margin-top:-.5rem}.auth-forgot-link a{color:#00eaffb3;font-size:.75rem;text-decoration:none;letter-spacing:1px;font-family:Orbitron,sans-serif;transition:color .2s}.auth-forgot-link a:hover{color:#00eaff}.auth-sub-header{font-family:Orbitron,sans-serif;font-size:1.1rem;color:#00eaff;text-align:center;margin-bottom:1.5rem;letter-spacing:2px}.auth-success-state{text-align:center;padding:1rem 0}.auth-success-state p{color:#0f8;font-family:Orbitron,sans-serif;margin-bottom:.5rem}.auth-success-state small{display:block;color:#ffffff80;margin-bottom:2rem}.auth-back-link{text-align:center;margin-top:1.5rem}.auth-back-link a{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .2s}.auth-back-link a:hover{color:#fff}.ls-page{display:flex;min-height:100vh;background:#0a0c18;font-family:Poppins,Segoe UI,Arial,sans-serif;color:#fff;overflow:hidden}.ls-video-panel{position:relative;flex:1.1;overflow:hidden;display:none}@media (min-width: 900px){.ls-video-panel{display:block}}.ls-side-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(1.3) contrast(1.1)}.ls-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#05081480,#00d4ff0f,#050814b3);display:flex;align-items:flex-end;padding:3rem}.ls-video-brand h2{font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:700;background:linear-gradient(90deg,#00d4ff,#c300ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;margin-bottom:.5rem}.ls-video-brand p{color:#a0d4ffd9;font-size:1rem;letter-spacing:1px}.ls-form-panel{position:relative;flex:0 0 480px;display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem;background:#0a0c18;overflow:hidden}@media (max-width: 899px){.ls-form-panel{flex:1;min-height:100vh}}.ls-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><circle cx="10" cy="10" r="1.5" fill="rgba(0,212,255,0.3)"/><circle cx="60" cy="70" r="1" fill="rgba(195,0,255,0.2)"/></svg>') repeat;animation:ls-drift 100s linear infinite;opacity:.2}@keyframes ls-drift{0%{background-position:0 0}to{background-position:100px 100px}}.ls-auth-card{position:relative;z-index:1;background:#0e1220e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.15);border-radius:22px;padding:2.8rem 2.4rem;width:100%;max-width:420px;box-shadow:0 0 40px #00d4ff14,0 20px 60px #0009}.ls-logo{text-align:center;margin-bottom:2rem}.ls-logo h1{font-family:Orbitron,sans-serif;font-size:2.2rem;background:linear-gradient(90deg,#00d4ff,#c300ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:3px}.ls-toggle-tabs{display:flex;background:#00000059;border-radius:50px;padding:5px;margin-bottom:1.8rem}.ls-tab{flex:1;padding:11px;text-align:center;border-radius:50px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s;color:#7aadcc;-webkit-user-select:none;user-select:none}.ls-tab.active{background:linear-gradient(90deg,#00d4ff,#09c);color:#fff;box-shadow:0 4px 16px #00d4ff66}.ls-form{display:none;flex-direction:column;gap:1.2rem}.ls-form.active{display:flex}.ls-form label{font-size:.88rem;color:#7aadcc;margin-bottom:.35rem;display:block}.ls-form input{width:100%;padding:13px 16px;background:#ffffff0f;border:1px solid rgba(0,212,255,.2);border-radius:10px;color:#fff;font-size:.95rem;transition:all .25s;outline:none;box-sizing:border-box;font-family:Poppins,sans-serif}.ls-form input::placeholder{color:#78b4d266}.ls-form input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26;background:#00d4ff0a}.ls-password-wrapper{position:relative}.ls-password-wrapper input{padding-right:48px}.ls-toggle-eye{position:absolute;right:14px;bottom:13px;cursor:pointer;color:#59b;font-size:1.1rem;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s}.ls-toggle-eye:hover{color:#00d4ff}.ls-forgot{color:#00d4ff;text-align:right;font-size:.85rem;text-decoration:none;margin-top:-.4rem;display:block;transition:opacity .2s}.ls-forgot:hover{opacity:.75;text-decoration:underline}.ls-submit-btn{margin-top:.4rem;padding:13px;background:linear-gradient(90deg,#00d4ff,#09c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px #00d4ff40;width:100%;font-family:Poppins,sans-serif;letter-spacing:.5px}.ls-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00d4ff73}.ls-switch-link{text-align:center;margin-top:1.4rem;color:#7aadcc;font-size:.9rem}.ls-switch-link a{color:#00d4ff;font-weight:600;text-decoration:none}.ls-switch-link a:hover{text-decoration:underline}#popup-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.popup-message{padding:12px 20px;border-radius:10px;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 4px 16px #0000004d;opacity:0;transform:translateY(-16px);transition:opacity .4s ease,transform .4s ease;max-width:320px}.popup-message.show{opacity:1;transform:translateY(0)}.popup-message.success{background:linear-gradient(90deg,#00c853,#00897b)}.popup-message.error{background:linear-gradient(90deg,#d32f2f,#b71c1c)}.popup-message.info{background:linear-gradient(90deg,#0288d1,#01579b)}.popup-message.warning{background:linear-gradient(90deg,#f57c00,#e65100)}.ls-forgot-panel{display:flex;flex-direction:column;gap:1rem}.ls-forgot-title{font-family:Orbitron,sans-serif;font-size:1.3rem;color:#00d4ff;text-align:center;margin-bottom:.4rem;letter-spacing:1px}.ls-forgot-desc{font-size:.9rem;color:#7aadcc;line-height:1.6;text-align:center;margin-bottom:.4rem}.ls-forgot-panel label{font-size:.88rem;color:#7aadcc;margin-bottom:.35rem;display:block}.ls-forgot-panel input{width:100%;padding:13px 16px;background:#ffffff0f;border:1px solid rgba(0,212,255,.2);border-radius:10px;color:#fff;font-size:.95rem;transition:all .25s;outline:none;box-sizing:border-box;font-family:Poppins,sans-serif;margin-bottom:1rem}.ls-forgot-panel input::placeholder{color:#78b4d266}.ls-forgot-panel input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26;background:#00d4ff0a}.ls-forgot-sent{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem 0}.ls-forgot-sent-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#00c853);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;font-weight:700;box-shadow:0 0 24px #00d4ff66;animation:ls-pop .4s ease}@keyframes ls-pop{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.ls-forgot-hint{font-size:.88rem;color:#7aadcc;line-height:1.6}.ls-forgot-hint em{color:#59b;font-style:italic}.ls-reset-error{background:#d32f2f26;border:1px solid rgba(211,47,47,.4);border-radius:10px;padding:10px 14px;color:#ff6b6b;font-size:.88rem;line-height:1.5;margin-bottom:.5rem}.ls-email-hint{display:block;font-size:.78rem;color:#5a8aa0;margin-top:4px}.ls-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.confirmation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.confirmation-modal-overlay.open{opacity:1;visibility:visible}.confirmation-modal-content{background:#101423f2;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:20px;width:90%;max-width:450px;box-shadow:0 20px 50px #00000080;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.confirmation-modal-overlay.open .confirmation-modal-content{transform:scale(1) translateY(0)}.confirmation-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.confirmation-modal-content.success{border-color:var(--neon-cyan);box-shadow:0 0 30px #00d4ff33}.confirmation-modal-content.error{border-color:var(--neon-pink);box-shadow:0 0 30px #ff6ec433}.confirmation-modal-content.warning{border-color:#f59e0b;box-shadow:0 0 30px #f59e0b33}.confirmation-modal-content.info{border-color:var(--neon-purple);box-shadow:0 0 30px #7873f533}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.modal-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.modal-icon.success{background:#00d4ff26;color:var(--neon-cyan);border:1px solid var(--neon-cyan)}.modal-icon.error{background:#ff6ec426;color:var(--neon-pink);border:1px solid var(--neon-pink)}.modal-icon.warning{background:#f59e0b26;color:#f59e0b;border:1px solid #f59e0b}.modal-icon.info{background:#7873f526;color:var(--neon-purple);border:1px solid var(--neon-purple)}.modal-header h3{color:#fff;margin:0;font-family:Orbitron,sans-serif;letter-spacing:1px}.modal-body{color:#a0aec0;margin-bottom:2rem;line-height:1.6;font-size:.95rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end}.modal-btn{padding:.8rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Inter,sans-serif;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.modal-btn.cancel{background:#ffffff0d;color:#a0aec0;border:1px solid rgba(255,255,255,.1)}.modal-btn.cancel:hover{background:#ffffff1a;color:#fff}.modal-btn.confirm{color:#fff}.modal-btn.confirm.success{background:linear-gradient(135deg,#00d4ff,#08f);box-shadow:0 4px 15px #00d4ff4d}.modal-btn.confirm.error{background:linear-gradient(135deg,#ff6ec4,#f05);box-shadow:0 4px 15px #ff6ec44d}.modal-btn.confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.modal-btn.confirm.info{background:linear-gradient(135deg,#7873f5,#5b54fa);box-shadow:0 4px 15px #7873f54d}.modal-btn.confirm:hover{transform:translateY(-2px);filter:brightness(1.1)}.chatbot-page{background:var(--bg);color:var(--text);font-family:Orbitron,system-ui,sans-serif;height:100vh;overflow:hidden;display:flex;flex-direction:column;background-image:linear-gradient(rgba(0,234,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,234,255,.025) 1px,transparent 1px);background-size:50px 50px}.top-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,#0b0f1ffa,#0b0f1ff2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,234,255,.2);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;box-shadow:0 2px 20px #0000004d;width:100%;box-sizing:border-box}.navbar-left{display:flex;align-items:center;gap:1.5rem}.navbar-right{display:flex;align-items:center;gap:1rem}.sidebar-toggle-btn{background:transparent;border:2px solid rgba(0,234,255,.3);color:var(--cyan);width:44px;height:44px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sidebar-toggle-btn:hover{background:#00eaff1a;border-color:#00eaff80;transform:scale(1.05)}.navbar-title{font-size:1.4rem;letter-spacing:4px;color:var(--cyan);text-shadow:var(--glow-cyan);font-weight:600}.chatbot-content-wrapper{margin-top:70px;height:calc(100vh - 70px);display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.history-sidebar{position:fixed;top:70px;left:0;bottom:0;width:320px;background:linear-gradient(to right,#0b0f1f,#10121e);border-right:1px solid var(--border);z-index:900;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #0000004d}.history-sidebar.collapsed{transform:translate(-100%)}.chat-container{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--panel);position:relative;overflow:hidden;margin-left:320px;transition:margin-left .4s cubic-bezier(.4,0,.2,1);height:100%}.chatbot-page.sidebar-collapsed .chat-container{margin-left:0}.visual-container{width:420px;min-width:420px;max-width:420px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border);background:#0b0f1f80}.history-sidebar::-webkit-scrollbar{width:5px}.history-sidebar::-webkit-scrollbar-thumb{background:#00eaff33;border-radius:3px}.history-sidebar::-webkit-scrollbar-track{background:transparent}.history-header{padding:1.2rem 1rem 1rem;color:var(--cyan);font-size:1.1rem;letter-spacing:2px;text-shadow:var(--glow-cyan);border-bottom:1px solid #1a2035;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-shrink:0;min-width:0}.history-header span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{background:transparent;border:1px solid rgba(0,234,255,.3);color:var(--cyan);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1.2rem;padding:0;flex-shrink:0}.sidebar-toggle:hover{background:#00eaff1a;border-color:var(--cyan);box-shadow:0 0 10px #00eaff66;transform:scale(1.1)}.floating-sidebar-toggle{position:fixed;left:20px;top:85px;z-index:1001;background:#10121ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,234,255,.5);color:var(--cyan);width:48px;height:48px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1.5rem;box-shadow:0 0 20px #00eaff66,0 4px 15px #0000004d}.floating-sidebar-toggle:hover{background:#00eaff26;border-color:var(--cyan);box-shadow:0 0 30px #00eaff99,0 6px 20px #0006;transform:scale(1.1)}.new-chat-btn{background:linear-gradient(135deg,#00eaff,#c300ff);color:#000;border:none;padding:.5rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:0 0 15px #00eaff66;transition:all .3s ease;font-family:Orbitron,sans-serif;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;min-width:fit-content}.new-chat-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 25px #00eaff99,0 0 40px #c300ff66}.conv-item{padding:1rem 1.6rem;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border-left:3px solid transparent;position:relative;animation:slideInLeft .5s ease-out;display:flex;justify-content:space-between;align-items:center}.conv-item-content{flex:1;min-width:0}.conv-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);transform:scaleY(0);transition:transform .3s ease}.conv-item:hover:before,.conv-item.active:before{transform:scaleY(1)}.conv-item:hover{background:#00eaff0d}.conv-item.active{background:#00eaff1a;border-left-color:var(--cyan)}.conv-title{color:var(--text);font-weight:600;margin-bottom:.3rem;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{color:var(--text-dim);font-size:.85rem;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-time{color:var(--text-dim);font-size:.75rem;opacity:.7}.conv-delete-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:.3rem;border-radius:4px;opacity:0;transition:all .2s ease;font-size:1rem;flex-shrink:0}.conv-item:hover .conv-delete-btn{opacity:1}.conv-delete-btn:hover{background:#ff006e33;color:#ff006e}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.conversations-list-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.5rem 0}.conversations-list-wrapper::-webkit-scrollbar{width:5px}.conversations-list-wrapper::-webkit-scrollbar-thumb{background:#00eaff33;border-radius:3px}.conversations-list-wrapper::-webkit-scrollbar-track{background:transparent}.conversations-list{padding:0}.sidebar-footer{padding:1rem 1.6rem;border-top:1px solid #1a2035;background:linear-gradient(to top,#0b0f1f,transparent);flex-shrink:0}.sidebar-logout-btn{width:100%;padding:.8rem 1.2rem;background:linear-gradient(135deg,#ff006e33,#c300ff26);border:1px solid #ff006e;border-radius:10px;color:#ff006e;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px #ff006e4d,inset 0 0 15px #ff006e1a}.sidebar-logout-btn:hover{background:linear-gradient(135deg,#ff006e4d,#c300ff40);border-color:#ff006e;box-shadow:0 0 25px #ff006e80,inset 0 0 20px #ff006e33;transform:translateY(-2px) scale(1.02)}.sidebar-logout-btn:active{transform:translateY(0) scale(.98)}.logout-icon{font-size:1.2rem;filter:drop-shadow(0 0 6px rgba(255,0,110,.8));transition:transform .3s ease}.sidebar-logout-btn:hover .logout-icon{transform:rotate(90deg)}.logout-text{letter-spacing:1px}.chat-container{display:flex;flex-direction:column;background:var(--panel);position:relative;overflow:hidden;min-width:0;flex:1}.chat-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 48%,rgba(0,234,255,.07) 50%,transparent 52%);background-size:100% 5px;pointer-events:none;animation:scanline 10s linear infinite;opacity:.5;z-index:1}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.top-bar{height:60px;background:linear-gradient(to bottom,#0f1325,transparent);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:5;position:relative}.profile-trigger{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00eaff,#c300ff);display:grid!important;place-items:center;cursor:pointer;box-shadow:var(--glow-cyan);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:pulseAvatar 3s ease-in-out infinite;font-size:1.4rem;font-weight:700;color:#000;flex-shrink:0;z-index:1001!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;visibility:visible!important;opacity:1!important}.profile-trigger:focus{outline:2px solid rgba(0,234,255,.5);outline-offset:2px}@keyframes pulseAvatar{0%,to{box-shadow:0 0 20px #00eaff99,0 0 40px #c300ff66}50%{box-shadow:0 0 30px #00eaffcc,0 0 60px #c300ff99}}.profile-trigger:hover{transform:scale(1.15) rotate(12deg);box-shadow:0 0 40px #c300ff88,0 0 60px #00eaff66}.top-bar-title{font-size:1.3rem;letter-spacing:4px;color:var(--cyan);text-shadow:var(--glow-cyan)}.messages{flex:1;padding:2rem 2.4rem;overflow-y:auto;font-family:Roboto Mono,monospace;font-size:1.05rem;line-height:1.65;color:var(--text-dim);position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem}.messages::-webkit-scrollbar{width:7px}.messages::-webkit-scrollbar-thumb{background:#00eaff44;border-radius:4px}.messages::-webkit-scrollbar-track{background:transparent}.message{margin:.8rem 0;padding:1.2rem 1.6rem;border-radius:20px;max-width:80%;word-break:break-word;position:relative;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.34,1.56,.64,1);border-width:1px;border-style:solid;box-shadow:0 4px 15px #0003;opacity:0;animation:messageFadeIn .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.user-message{align-self:flex-end;background:linear-gradient(135deg,#00eaff26,#7873f51a);border-color:#00eaff4d;color:#fff;border-bottom-right-radius:4px;text-align:right;box-shadow:0 4px 15px #00eaff1a}.bot-message{align-self:flex-start;background:linear-gradient(135deg,#ff6ec426,#7873f51a);border-color:#ff6ec44d;color:#fff;border-bottom-left-radius:4px;text-align:left;box-shadow:0 4px 15px #ff6ec41a}.message-content{position:relative;z-index:1}.typing-message{padding:1.5rem 1.8rem;background:linear-gradient(135deg,#c300ff26,#9600ff1a);border-color:#c300ff80;border-radius:18px 18px 18px 4px}.typing-indicator{display:flex;align-items:center;gap:6px;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#ff6ec4cc;display:inline-block;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.input-zone{padding:1.5rem 2.4rem;background:linear-gradient(to top,#0f1325,transparent);border-top:1px solid var(--border);z-index:5;position:relative}.input-wrapper{display:flex;align-items:center;gap:.8rem}.input-wrapper input{flex:1;background:#10121ecc;border:2px solid rgba(0,234,255,.3);border-radius:50px;padding:1rem 1.8rem;color:var(--text);font-family:Roboto Mono,monospace;font-size:1rem;outline:none;transition:all .3s ease}.input-wrapper input:focus{border-color:var(--cyan);box-shadow:0 0 20px #00eaff4d;background:#10121ef2}.input-wrapper input::placeholder{color:#579;opacity:.7}.send-btn{background:linear-gradient(90deg,#00eaff,#c300ff);color:#000;font-weight:700;border:none;width:56px;height:56px;border-radius:50%;margin-left:12px;font-size:1.5rem;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 24px #c300ff88;transition:all .18s}.send-btn:hover{transform:scale(1.12);box-shadow:0 0 36px #ff006eaa}.profile-panel{position:fixed!important;top:80px!important;right:30px!important;width:320px;background:#0b0f1ffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,234,255,.3);border-radius:16px;box-shadow:0 20px 60px #0009,0 0 40px #00eaff33;padding:1.8rem;color:var(--text);transform:translateY(-10px) scale(.95);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:1002!important;visibility:hidden;display:block!important}@keyframes profileDropdown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-panel.active{transform:translateY(0) scale(1)!important;opacity:1!important;pointer-events:all!important;visibility:visible!important;display:block!important;animation:profileDropdown .3s cubic-bezier(.34,1.56,.64,1) forwards}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,234,255,.2)}.profile-header>div:last-child{flex:1;min-width:0;overflow:hidden}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00eaff,#c300ff);display:grid;place-items:center;font-size:1.8rem;font-weight:700;color:#000;box-shadow:var(--glow-cyan);animation:pulseAvatar 3s ease-in-out infinite}.profile-name{font-size:1.4rem;color:var(--cyan);text-shadow:var(--glow-cyan);word-break:break-word;overflow-wrap:break-word}.profile-email{font-size:.9rem;color:var(--text-dim);margin-top:.2rem;word-break:break-all;overflow-wrap:break-word;max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile-details{margin:1rem 0;padding-top:1rem;border-top:1px solid rgba(0,234,255,.2)}.profile-detail{margin:.8rem 0;font-size:.95rem;color:var(--cyan);display:flex;justify-content:space-between;align-items:center;word-break:break-word;overflow-wrap:break-word;font-family:Roboto Mono,monospace}.profile-detail .detail-label{color:var(--cyan);flex-shrink:0;margin-right:.5rem}.profile-detail .detail-value{color:var(--cyan);text-align:right;word-break:break-all;overflow-wrap:break-word;flex:1;margin-left:.5rem}.profile-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem}.profile-btn{flex:1;color:#fff;border:none;padding:.8rem 1.2rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;text-decoration:none;display:block;text-align:center;font-size:.95rem}.profile-btn-view{background:linear-gradient(135deg,#c300ff,#00eaff);box-shadow:0 0 20px #c300ff66}.profile-btn-logout{background:linear-gradient(135deg,#ff006e,#c300ff);box-shadow:0 0 20px #ff006e66}.profile-btn-view:hover{box-shadow:0 0 30px #00eaff99}.profile-btn-logout:hover{box-shadow:0 0 30px #ff006e99}.profile-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #c300ff99}.visual-container{background:linear-gradient(135deg,#0a0c18,#1a1f35);border-left:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-width:420px;width:420px;flex-shrink:0}.robot-figure{width:100%;height:100%;object-fit:contain;z-index:2}@media (max-width: 1200px){.chatbot-page{grid-template-columns:320px 1fr 420px}}@media (max-width: 1080px){.chatbot-page{grid-template-columns:320px 1fr}.visual-container{display:none}}@media (max-width: 768px){.chatbot-page,.chatbot-page.sidebar-collapsed{grid-template-columns:1fr}.history-sidebar{position:fixed;left:0;top:0;z-index:1000;transform:translate(-100%);width:280px!important;max-width:280px!important}.history-sidebar:not(.collapsed){transform:translate(0)}.visual-container{display:none}.top-bar{padding:0 1rem}.history-header{padding:1rem .8rem;font-size:.9rem}.new-chat-btn{padding:.4rem .6rem;font-size:.75rem}.profile-trigger{width:40px;height:40px;font-size:1.2rem}}.cyber-stats-wrapper{perspective:1000px;width:100%;max-width:800px;margin:2rem auto;padding:1rem}.cyber-stats-3d-card{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:2rem;padding:2.5rem;background:#000a1466;border:1px solid rgba(0,234,255,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;transition:transform .1s ease-out,box-shadow .3s ease;transform-style:preserve-3d}.cyber-stats-3d-card:hover{box-shadow:0 20px 50px #00eaff26;border-color:#00eaff66}.cyber-circle-container{display:flex;flex-direction:column;align-items:center;position:relative;transform-style:preserve-3d;width:140px}.cyber-ring-3d{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;animation:slowRotateY 10s linear infinite}.ring-outer{position:absolute;width:100%;height:100%;border:1px dashed rgba(255,255,255,.1);border-radius:50%;transform:translateZ(-10px)}.ring-inner{position:absolute;width:80%;height:80%;border:1px dotted rgba(255,255,255,.1);border-radius:50%;transform:translateZ(-20px)}.progress-ring{transform:rotate(-90deg) translateZ(10px);filter:drop-shadow(0 0 8px var(--item-color))}.progress-ring__circle{transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 5px var(--item-color));opacity:.8}50%{filter:drop-shadow(0 0 15px var(--item-color));opacity:1}}.circle-content{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translateZ(30px);animation:counterRotateY 10s linear infinite}.circle-value{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px var(--item-color)}.circle-percent{font-size:.8rem;color:#ffffffb3}.circle-label{margin-top:1rem;font-family:Orbitron,monospace;font-size:.8rem;letter-spacing:2px;color:var(--item-color);text-transform:uppercase;text-shadow:0 0 5px var(--item-color);transform:translateZ(20px)}.particle-orbit{position:absolute;width:100%;height:100%;border-radius:50%;animation:spin 4s linear infinite}.particle{position:absolute;top:0;left:50%;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px var(--item-color);transform:translate(-50%,-50%)}@keyframes slowRotateY{0%{transform:rotateY(-15deg)}50%{transform:rotateY(15deg)}to{transform:rotateY(-15deg)}}@keyframes counterRotateY{0%{transform:translateZ(30px) rotateY(15deg)}50%{transform:translateZ(30px) rotateY(-15deg)}to{transform:translateZ(30px) rotateY(15deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.cyber-stats-3d-card{flex-direction:column;padding:1.5rem}}:root{--hologram-cyan: #00eaff;--hologram-dark-blue: rgba(0, 15, 30, .85);--hologram-border: rgba(0, 234, 255, .5);--hologram-glow: 0 0 15px rgba(0, 234, 255, .6), 0 0 30px rgba(0, 234, 255, .2);--panel-bg: rgba(0, 20, 40, .4)}body{margin:0;padding:0;overflow-y:auto;background-color:#010409}.profile-page{width:100vw;height:100vh;background:radial-gradient(circle at 50% 50%,#001a33,#000810);position:relative;overflow:hidden;font-family:Orbitron,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--hologram-cyan)}.profile-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;animation:starRotate 240s linear infinite;opacity:.3;z-index:0}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:absolute;top:0;left:0;right:0;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:10}.header h1{font-size:1.8rem;letter-spacing:2px;color:var(--hologram-cyan);text-shadow:var(--hologram-glow);margin:0;font-weight:500}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-size:1rem;letter-spacing:1px;transition:all .3s;opacity:.9}.nav-link:hover{text-shadow:var(--hologram-glow);opacity:1}.main-content{width:100%;height:100vh;display:flex;align-items:center;justify-content:flex-start;gap:2rem;padding:80px 3% 20px 2%;z-index:1;position:relative;overflow:hidden}.robot-section{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-left:0}.robot-container{width:100%;max-width:380px;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(0,234,255,.3));animation:floatRobot 6s ease-in-out infinite}@keyframes floatRobot{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.robot-container img{width:100%;height:auto}.robot-platform{width:260px;height:50px;background:radial-gradient(ellipse at center,rgba(0,234,255,.4) 0%,transparent 70%);border-radius:50%;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);z-index:1;border-bottom:2px solid var(--hologram-cyan);box-shadow:0 10px 40px #00eaff66;overflow:hidden}.robot-platform:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 10px,rgba(0,234,255,.2) 11px);animation:platformRotate 4s linear infinite}@keyframes platformRotate{0%{transform:translate(-20px)}to{transform:translate(0)}}.profile-panel{flex:1 1 auto;width:auto;min-width:600px;max-width:900px;max-height:82vh;background:#000f1ee6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:2px solid var(--hologram-cyan);border-radius:20px;padding:2.5rem 3rem;box-shadow:0 0 40px #00eaff4d,inset 0 0 30px #00eaff1a;position:relative;display:flex!important;flex-direction:column;z-index:100;opacity:1!important;visibility:visible!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--hologram-cyan) rgba(0,0,0,.2)}.profile-panel::-webkit-scrollbar{width:6px}.profile-panel::-webkit-scrollbar-track{background:#0003;border-radius:10px}.profile-panel::-webkit-scrollbar-thumb{background:var(--hologram-cyan);border-radius:10px;box-shadow:0 0 10px var(--hologram-cyan)}.profile-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--hologram-cyan),transparent);animation:scanline 4s linear infinite;opacity:.3}@keyframes scanline{0%{top:0}to{top:100%}}.panel-header{border-bottom:1px solid rgba(0,234,255,.2);padding-bottom:.8rem;margin-bottom:1.5rem}.panel-header h2{font-size:1.2rem;letter-spacing:3px;margin:0;text-transform:uppercase;color:#fff;text-shadow:0 0 10px var(--hologram-cyan)}.info-grid{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.info-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid rgba(0,234,255,.05);padding-bottom:.8rem}.info-label{font-size:.85rem;color:#00eaff99;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;min-width:100px}.info-value{font-size:.95rem;color:#fff;text-align:right;word-break:break-word;line-height:1.4}.cyber-stats-wrapper{margin-top:auto}@media (max-width: 1200px){.main-content{gap:1.5rem;padding:6rem 2% 4rem 1%}.robot-section{flex:0 0 300px}.robot-container{max-width:300px}.profile-panel{min-width:420px}}@media (max-width: 1024px){.main-content{flex-direction:column;padding-top:7rem;height:auto;overflow-y:auto;align-items:center;justify-content:center}.profile-panel{max-width:95%;min-width:unset;width:95%;margin-bottom:2rem}.robot-section{flex:0 0 auto;width:100%;margin-bottom:2rem;position:relative;top:0}.robot-container{max-width:250px}}@media (max-width: 768px){.header{padding:1.5rem}.header h1{font-size:1.3rem}.nav-links{gap:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.3rem}.info-value{text-align:left}.profile-panel{padding:1.5rem}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;color:var(--hologram-cyan)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,234,255,.3);border-radius:50%;border-top-color:var(--hologram-cyan);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.error-message{background:#ff00001a;border:1px solid rgba(255,0,0,.3);padding:1.5rem;border-radius:12px;color:#ff4d4d}.retry-btn{margin-top:1rem;background:#00000080;border:1px solid var(--hologram-cyan);color:var(--hologram-cyan);padding:.5rem 1.5rem;border-radius:20px;cursor:pointer;font-family:Orbitron,sans-serif;transition:all .3s}.retry-btn:hover{background:var(--hologram-cyan);color:#000;box-shadow:0 0 15px var(--hologram-cyan)}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-gradient: radial-gradient(circle at top right, #1e293b, #0f172a);--sidebar-glass: rgba(15, 23, 42, .9);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--neon-pink: #ff6ec4;--neon-purple: #7873f5;--neon-cyan: #00d4ff;--neon-blue: #0088ff;--neon-magenta: #ff00ff;--deep-black: #050505;--cinematic-grid: rgba(0, 212, 255, .03);--neon-border: rgba(0, 212, 255, .3);--glass-reflect: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, transparent 100%);--depth-shadow: 0 30px 60px rgba(0, 0, 0, .6);--text-main: #f8fafc;--text-dim: #94a3b8;--sidebar-width: 260px;--header-height: 70px;--glow-pink: 0 0 20px rgba(255, 110, 196, .4);--glow-cyan: 0 0 25px rgba(0, 212, 255, .4)}body{font-family:Inter,sans-serif;background:var(--primary-gradient);background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden}.admin-dashboard-saas{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--sidebar-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:1000;transition:transform .4s cubic-bezier(.4,0,.2,1)}.admin-sidebar.closed{transform:translate(-100%)}.sidebar-logo{display:flex;align-items:center;gap:1rem;margin-bottom:3rem;padding-left:.5rem}.logo-square{width:36px;height:36px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.logo-text{font-size:1.25rem;font-weight:800;letter-spacing:.5px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;text-decoration:none;color:var(--text-dim);border-radius:12px;transition:all .3s;font-size:.95rem;font-weight:500}.sidebar-nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(5px)}.sidebar-nav-item.active{background:linear-gradient(to right,#7873f526,#00d4ff26);color:var(--neon-cyan);border:1px solid rgba(0,212,255,.3);box-shadow:0 0 20px #00d4ff33;font-weight:700}.main-content-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .4s cubic-bezier(.4,0,.2,1);width:calc(100% - var(--sidebar-width))}.sidebar-collapsed .main-content-wrapper{margin-left:0;width:100%}.top-header{height:var(--header-height);background:#0f172a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:0;z-index:900}.header-search{flex:1;max-width:400px}.header-search input{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:.75rem 1.25rem;color:#fff;outline:none;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.header-search input:focus{background:#ffffff14;border-color:var(--neon-cyan);box-shadow:0 0 15px #00d4ff26,inset 0 2px 4px #0003}.header-profile{display:flex;align-items:center;gap:1rem}.profile-circle{width:42px;height:42px;background:linear-gradient(135deg,var(--neon-purple),var(--neon-cyan));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 0 15px #7873f54d;border:2px solid rgba(255,255,255,.2);transition:all .3s}.profile-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 25px #00d4ff66}.profile-info{text-align:right}.profile-name{font-size:.9rem;font-weight:600;display:block}.profile-role{font-size:.75rem;color:var(--text-dim)}.dashboard-container{padding:2.5rem;max-width:1400px;width:100%;margin:0 auto}.page-title{font-size:2rem;font-weight:800;margin-bottom:2.5rem;color:#fff;letter-spacing:-.5px;background:linear-gradient(to bottom,#fff,var(--text-dim));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.counter-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}.counter-card{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:24px;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0003;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.counter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--glass-reflect);pointer-events:none;opacity:.3}.counter-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006,0 0 15px #ffffff0d;border-color:var(--neon-border)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.card-icon.cyan{background:#00d4ff1a;color:var(--neon-cyan)}.card-icon.pink{background:#ff6ec41a;color:var(--neon-pink)}.card-icon.purple{background:#7873f51a;color:var(--neon-purple)}.card-value{font-size:1.8rem;font-weight:800;color:#fff}.card-label{color:var(--text-dim);font-size:.85rem;font-weight:500}.card-trend{font-size:.75rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.trend-up{color:#10b981}.insights-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2.5rem}.saas-widget{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:28px;padding:2rem;box-shadow:var(--depth-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.saas-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--glass-reflect);pointer-events:none;opacity:.3}.saas-widget:hover{border-color:var(--neon-cyan);box-shadow:0 30px 60px #00000080}.cancel-btn-professional{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-dim);padding:.8rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s;cursor:pointer}.cancel-btn-professional:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,212,255,.3);letter-spacing:1px}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 10px rgba(255,110,196,.3);letter-spacing:1px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.widget-title{font-size:1.25rem;font-weight:700;color:#fff}.insight-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:1.25rem;margin-bottom:1.25rem;border-left:4px solid var(--neon-purple);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a}.insight-item:hover{background:#ffffff14;transform:translate(10px);box-shadow:0 10px 25px #0003;border-left-color:var(--neon-cyan)}.insight-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;display:block}.insight-value{font-size:1rem;font-weight:600;color:#fff}.charts-grid-saas{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2.5rem;perspective:2000px}.chart-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:1.75rem;transition:all .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003;animation:cardEntry .8s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes cardEntry{0%{opacity:0;transform:translateY(40px) scale(.9) rotateX(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.chart-card:after{content:"";position:absolute;top:-150%;left:-150%;width:400%;height:400%;background:linear-gradient(45deg,transparent 45%,rgba(0,212,255,.05) 48%,rgba(0,212,255,.1) 50%,rgba(0,212,255,.05) 52%,transparent 55%);animation:scanSweep 8s infinite linear;pointer-events:none}@keyframes scanSweep{0%{transform:translate(-20%,-20%) rotate(0)}to{transform:translate(20%,20%) rotate(360deg)}}.chart-card:hover{transform:translateY(-10px) rotateX(4deg) rotateY(-4deg);border-color:var(--neon-cyan);box-shadow:0 30px 60px #0006,0 0 20px #00d4ff1a}.chart-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,.2)}.chart-wrapper{height:260px;position:relative;margin-top:1rem;filter:drop-shadow(0 0 10px rgba(0,0,0,.2))}.management-blocks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.management-card{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:24px;padding:2.25rem;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.management-card:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--glass-reflect);pointer-events:none;opacity:.3}.management-card:hover{transform:translateY(-12px) scale(1.05);border-color:var(--neon-purple);box-shadow:0 25px 50px #7873f540,0 0 20px #7873f51a}.card-icon-large{width:60px;height:60px;margin:0 auto 1.5rem;font-size:2rem;display:flex;align-items:center;justify-content:center;background:#7873f51a;border-radius:50%;color:var(--neon-purple)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content-saas{background:#0f172af2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--neon-border);border-radius:28px;width:90%;max-width:1100px;max-height:85vh;overflow-y:auto;padding:3rem;box-shadow:0 50px 100px #000c,inset 0 0 40px #00d4ff0d;animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.professional-table{width:100%;border-collapse:separate;border-spacing:0;animation:tableFadeIn .8s ease-out}@keyframes tableFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.professional-table th{padding:1rem 1.25rem;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--neon-border);box-shadow:0 4px 10px #0003;transition:all .3s;white-space:nowrap}.professional-table th:hover{background:#1e293be6;color:var(--neon-cyan)}.professional-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem;color:var(--text-main);transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.professional-table tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.professional-table tr:nth-child(2n){background:#ffffff03}.professional-table tr:hover{transform:scale(1.005);background:#ffffff0f!important;box-shadow:0 10px 30px #0000004d;z-index:5;position:relative}.professional-table tr:hover td{color:#fff;border-bottom-color:var(--neon-border)}.delete-btn-professional{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.6rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 10px #0000004d,-2px -2px 10px #ffffff05}.delete-btn-professional:hover{background:#ef444433;transform:translateY(-3px) scale(1.1);box-shadow:0 10px 20px #ef444433,0 0 15px #ef44441a}.delete-btn-professional:active{transform:translateY(1px) scale(.95);box-shadow:inset 4px 4px 8px #00000080,inset -2px -2px 8px #ffffff0d}.status-badge{padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.success{background:#10b9811a;color:#10b981}.status-badge.error{background:#ef44441a;color:#ef4444}.sidebar-upload-section{margin-top:1.5rem;padding:1rem;background:#ffffff08;border-radius:16px;border:1px dashed var(--glass-border)}.sidebar-upload-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;margin-bottom:.75rem;display:block}.sidebar-upload-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:10px;color:var(--neon-cyan);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s}.sidebar-upload-trigger:hover{background:#00d4ff33}.mobile-toggle{display:flex}.sidebar-widget{margin-top:auto;padding:1.5rem;background:var(--glass-bg);border-radius:16px;margin-bottom:1rem}.sidebar-widget-value{font-size:1.5rem;font-weight:700;color:var(--neon-cyan)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 1200px){.counter-cards-grid{grid-template-columns:repeat(2,1fr)}.charts-grid-saas,.insights-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);width:280px}.admin-sidebar.open{transform:translate(0)}.main-content-wrapper{margin-left:0}.counter-cards-grid{grid-template-columns:1fr}.top-header{padding:0 1.5rem}.header-search{display:none}}.modal-overlay,.modal-overlay-saas{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-content-saas{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:28px;padding:2.5rem;width:100%;max-width:600px;position:relative;box-shadow:var(--depth-shadow);animation:modalScaleUp .4s cubic-bezier(.34,1.56,.64,1) backwards;transform-style:preserve-3d}.confirm-modal-3d{max-width:450px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 70px #0009,0 0 30px #ffffff0d}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9) translateY(20px) rotateX(10deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}.confirm-message{color:var(--text-main);line-height:1.6;font-size:1rem;margin:1.5rem 0;opacity:.9}.section-card-saas{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:28px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:var(--depth-shadow),inset 0 0 20px #ffffff05;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.section-card-saas:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--glass-reflect);pointer-events:none;opacity:.5}.section-card-saas:hover{border-color:var(--neon-border);box-shadow:0 30px 60px #00000080,0 0 20px #00d4ff1a}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.refresh-btn{background:#7873f51a;border:1px solid rgba(120,115,245,.2);color:#fff;padding:.75rem 1.75rem;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:4px 4px 10px #0000004d,-2px -2px 10px #ffffff05}.refresh-btn:hover:not(:disabled){background:#7873f533;transform:translateY(-3px);box-shadow:0 10px 20px #7873f533,0 0 15px #7873f51a;border-color:var(--neon-purple)}.refresh-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 4px 4px 8px #00000080,inset -2px -2px 8px #ffffff0d}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);background-size:1000px 100%;animation:shimmer 2s infinite linear}@keyframes pulseGlow{0%,to{opacity:1;filter:drop-shadow(0 0 5px currentColor)}50%{opacity:.7;filter:drop-shadow(0 0 15px currentColor)}}.pulse-indicator{animation:pulseGlow 2s infinite ease-in-out}.table-container{width:100%;max-width:100%;overflow-x:auto;border-radius:16px;background:#0003;margin-top:1.5rem;padding-bottom:8px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #0000004d}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#0f172a4d;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(to right,var(--neon-cyan),var(--neon-purple));border-radius:10px;box-shadow:0 0 10px #00d4ff66}.professional-table{min-width:1000px;width:100%;border-collapse:separate;border-spacing:0;animation:tableFadeIn .8s ease-out}.analytics-section{padding:3rem;background:radial-gradient(circle at 50% 50%,#0a0a0a,#050505);border-radius:32px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;margin-top:1rem}.analytics-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--cinematic-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cinematic-grid) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.neon-dashboard-header{text-align:center;margin-bottom:5rem;position:relative}.neon-title-spaced{font-size:3.5rem;font-weight:200;letter-spacing:1.5rem;text-transform:uppercase;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.2),0 0 20px var(--neon-purple),0 0 40px rgba(120,115,245,.3);margin-bottom:.5rem;padding-left:1.5rem}.neon-subtitle{font-size:1.1rem;color:var(--neon-purple);letter-spacing:.5rem;opacity:.7;text-transform:uppercase}.gauges-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:5rem;padding:0 1rem}.gauge-container{display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .3s ease}.gauge-container:hover{transform:scale(1.05) translateY(-5px)}.gauge-scanner-wrap{position:absolute;top:0;left:0;pointer-events:none}.gauge-scanner-ring{position:absolute;top:0;left:0;right:0;bottom:0;border:1px dashed transparent;border-radius:50%;animation:rotateHUD 10s linear infinite;box-sizing:border-box}.gauge-scanner-ring.delay-1{animation-duration:15s;animation-direction:reverse;border-style:dotted}@keyframes rotateHUD{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gauge-svg{transform:rotate(-90deg);filter:drop-shadow(0 0 15px var(--neon-cyan));position:relative;z-index:2}.gauge-background{stroke:#ffffff0d;stroke-width:4}.gauge-progress{stroke-width:6;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1);animation:gaugePulse 4s ease-in-out infinite}@keyframes gaugePulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.7}}.gauge-labels{stroke:#fff3;stroke-width:1.5;stroke-dasharray:2,8;animation:rotateReverse 30s linear infinite}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.gauge-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:5}.gauge-pulse-glow{position:absolute;width:60px;height:60px;border-radius:50%;filter:blur(25px);opacity:.15;animation:throbGlow 3s ease-in-out infinite;z-index:-1}@keyframes throbGlow{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.4);opacity:.25}}.gauge-value{font-size:2.25rem;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4);font-family:Inter,sans-serif;letter-spacing:-1px}.gauge-subtext{font-size:.85rem;color:var(--neon-cyan);text-transform:uppercase;position:absolute;bottom:-40px;letter-spacing:3px;font-weight:600}.neon-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:5rem}.neon-chart-card{background:#00000080;border-top:1px solid rgba(255,255,255,.1);padding:2rem;position:relative;border-radius:4px;overflow:hidden}.neon-chart-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:scanSweep 6s linear infinite;pointer-events:none}@keyframes scanSweep{0%{left:-100%}30%,to{left:100%}}.neon-chart-card h4{color:var(--text-dim);text-transform:uppercase;letter-spacing:3px;font-size:.9rem;margin-bottom:2rem;font-weight:500}.visualizers-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:5rem}.equalizer-container{display:flex;align-items:flex-end;gap:1rem;height:250px;padding:1rem;background:#ffffff05;border-radius:12px}.eq-bar-wrap{flex:1;height:100%;position:relative}.eq-bar-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,var(--neon-cyan),var(--neon-purple));border-radius:4px;transition:height .3s ease;box-shadow:0 0 20px #00d4ff4d}.eq-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#fff;box-shadow:0 0 15px #fff;border-radius:2px}.neon-sliders-column{display:flex;flex-direction:column;gap:3rem;justify-content:center}.neon-slider-item{display:flex;align-items:center;gap:2rem}.slider-id{color:var(--neon-cyan);font-weight:800;border:1px solid var(--neon-cyan);padding:4px 10px;font-size:.85rem;min-width:40px;text-align:center;box-shadow:0 0 10px #00d4ff33}.slider-track-wrap{flex:1;height:2px;background:#ffffff1a;position:relative}.slider-active-fill{position:absolute;left:0;height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));box-shadow:0 0 15px var(--neon-cyan)}.slider-handle{position:absolute;top:50%;width:24px;height:24px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px var(--neon-magenta);border:5px solid var(--neon-magenta);cursor:pointer}.slider-value{color:var(--text-dim);font-size:1rem;font-weight:600;min-width:60px;text-align:right}:root{--bg: #0a0c14;--panel: #10121e;--border: #1a2035;--cyan: #00eaff;--purple: #c300ff;--pink: #ff006e;--text: #e5fbff;--text-dim: #a0d4ff;--primary-gradient: radial-gradient(circle at top right, #1e293b, #0f172a);--sidebar-glass: rgba(15, 23, 42, .9);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--neon-pink: #ff6ec4;--neon-purple: #7873f5;--neon-cyan: #00d4ff;--neon-blue: #0088ff;--neon-magenta: #ff00ff;--deep-black: #050505;--cinematic-grid: rgba(0, 212, 255, .03);--neon-border: rgba(0, 212, 255, .3);--glass-reflect: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, transparent 100%);--depth-shadow: 0 30px 60px rgba(0, 0, 0, .6);--text-main: #f8fafc;--sidebar-width: 260px;--header-height: 70px;--glow-cyan: 0 0 12px #00eaff, 0 0 24px #00eaff88, 0 0 48px #00c8ff44;--glow-purple: 0 0 12px #c300ff, 0 0 24px #c300ff88, 0 0 48px #c300ff44;--glow-pink: 0 0 20px rgba(255, 110, 196, .4)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Orbitron,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}