:root{--neon-cyan: #00ffff;--neon-magenta: #ff00ff;--neon-yellow: #ffff00;--neon-green: #00ff00;--neon-orange: #ff6600;--neon-red: #ff0040;--dark-bg: #0a0a0f;--dark-surface: #1a1a2e;--dark-card: #16213e;--glow-cyan: 0 0 20px rgba(0, 255, 255, .8);--glow-magenta: 0 0 20px rgba(255, 0, 255, .8);--glow-green: 0 0 20px rgba(0, 255, 0, .8);--glow-orange: 0 0 20px rgba(255, 102, 0, .8);--holographic-bg: linear-gradient(135deg, rgba(0, 255, 255, .1) 0%, rgba(255, 0, 255, .1) 25%, rgba(255, 255, 0, .1) 50%, rgba(0, 255, 0, .1) 75%, rgba(0, 255, 255, .1) 100%);--glass-bg: rgba(10, 10, 15, .7);--glass-border: rgba(0, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(0, 255, 255, .2);--glass-backdrop: blur(8px);--glass-backdrop-strong: blur(16px)}body{background:radial-gradient(circle at 20% 80%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,0,.05) 0%,transparent 50%),linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e,#0f3460,#0a0a0f);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(0,255,255,.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,0,255,.8),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,0,.6),transparent),radial-gradient(1px 1px at 80% 10%,rgba(0,255,0,.6),transparent);background-size:200px 200px;animation:particleFloat 20s linear infinite;z-index:-1}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:holographicScan 3s ease-in-out infinite}.glass:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--holographic-bg);opacity:.3;animation:holographicShift 5s ease-in-out infinite alternate;pointer-events:none}.glass-strong{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dark{background:var(--glass-dark-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-dark-border);box-shadow:var(--glass-dark-shadow)}.glass-dark-strong{background:var(--glass-dark-bg);backdrop-filter:var(--glass-backdrop-strong);-webkit-backdrop-filter:var(--glass-backdrop-strong);border:1px solid var(--glass-dark-border);box-shadow:var(--glass-dark-shadow)}.glass-card{background:var(--dark-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:2px solid transparent;background-image:linear-gradient(var(--dark-card),var(--dark-card)),var(--holographic-bg);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a,0 0 40px #0ff3;position:relative;transition:all .3s ease}.glass-card:hover{border-color:#00ffff80;box-shadow:0 8px 32px #000000b3,inset 0 1px #fff3,0 0 60px #0ff6,0 0 100px #0ff3}.glass-sidebar{background:linear-gradient(135deg,#0a0a0ff2,#16213ef2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:2px solid rgba(0,255,255,.3);box-shadow:4px 0 24px #0006,inset -1px 0 #ffffff1a;position:relative}.glass-sidebar:before{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--neon-cyan),var(--neon-magenta),var(--neon-green));animation:borderPulse 3s ease-in-out infinite alternate}.glass-button{background:linear-gradient(135deg,#16213ecc,#1a1a2ecc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(0,255,255,.4);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;font-weight:600}.glass-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,255,.4),transparent);transition:all .3s ease;transform:translate(-50%,-50%);border-radius:50%}.glass-button:hover{background:linear-gradient(135deg,#16213ef2,#1a1a2ef2);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0ff6,0 0 30px #00ffff4d,inset 0 1px #fff3;border-color:#0ffc;text-shadow:0 0 10px rgba(0,255,255,.8)}.glass-button:hover:before{width:100%;height:100%}.glass-input{background:linear-gradient(135deg,#16213ecc,#1a1a2ecc);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(0,255,255,.4);border-radius:12px;transition:all .3s ease;color:#fff;position:relative}.glass-input::placeholder{color:#00ffff80;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.glass-input:focus{background:linear-gradient(135deg,#16213ef2,#1a1a2ef2);border-color:var(--neon-cyan);box-shadow:0 0 0 3px #00ffff4d,0 0 20px #0ff6;color:#fff;outline:none}select.glass-input{color:#fff;background-color:#16213ecc}select.glass-input option{background-color:#16213ef2;color:#fff;padding:8px}select.glass-input option:hover,select.glass-input option:checked{background-color:#0ff3;color:#fff}.glass-modal{background:linear-gradient(135deg,#0a0a0ffa,#16213efa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:2px solid transparent;background-image:linear-gradient(#0a0a0ffa,#16213efa),linear-gradient(45deg,var(--neon-cyan),var(--neon-magenta),var(--neon-green));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 20px 60px #000000b3,0 0 80px #00ffff4d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.glass-modal:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-magenta),var(--neon-green));border-radius:24px;z-index:-1;opacity:.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideIn{0%{transform:translate(-100%) skew(-10deg);opacity:0}to{transform:translate(0) skew(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8) rotate(2deg);opacity:0;filter:blur(10px)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}@keyframes holographicScan{0%{left:-100%}50%{left:100%}to{left:-100%}}@keyframes holographicShift{0%{opacity:.1}to{opacity:.3}}@keyframes particleFloat{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(0) translate(-5px)}75%{transform:translateY(10px) translate(10px)}to{transform:translateY(0) translate(0)}}@keyframes borderPulse{0%{opacity:.3;box-shadow:0 0 5px #00ffff80}to{opacity:.8;box-shadow:0 0 20px #f0fc}}@keyframes glitch{0%{transform:translate(0)}50%{transform:translate(-1px,1px)}to{transform:translate(0)}}@keyframes dataStream{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes energyPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0fcc;border:1px solid rgba(0,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--neon-cyan),var(--neon-magenta));border-radius:4px;border:1px solid rgba(0,255,255,.3);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--neon-magenta),var(--neon-green));box-shadow:0 0 10px #00ffff80}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-glitch{animation:glitch .3s ease-in-out infinite}.animate-pulse{animation:energyPulse 2s ease-in-out infinite}.animate-scan{animation:holographicScan 3s ease-in-out infinite}@media(max-width:768px){.glass-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin:.5rem}.glass-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-modal{margin:1rem;max-height:calc(100vh - 2rem)}body{overflow-x:hidden}.grid-responsive{grid-template-columns:1fr!important;gap:1rem!important}.glass-sidebar{height:100vh;max-height:100vh}.glass-card{min-height:fit-content}body{height:100vh;overflow:hidden}main{height:calc(100vh - 60px);max-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto}main>header:first-child{z-index:9999!important;position:relative}.shop-container .z-20{z-index:10}.shop-container .z-30{z-index:15}main:has(.shop-container){overflow:hidden}.shop-container{height:100%;overflow:hidden}.shop-container .products-container{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-y:contain}.shop-container .products-container::-webkit-scrollbar{width:4px}.shop-container .products-container::-webkit-scrollbar-track{background:#0a0a0f4d}.shop-container .products-container::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:2px}.shop-container .products-container::-webkit-scrollbar-thumb:hover{background:#0ffc}main{overflow-x:hidden!important;overflow-y:auto!important}body{overflow-x:hidden!important}}.glass-button:focus,.glass-input:focus,.glass-card:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media(prefers-contrast:high){.glass-card,.glass-button,.glass-input{border:2px solid rgba(255,255,255,.8)}}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-in,.animate-scale-in,.animate-float{animation:none}.glass-button:hover{transform:none}}@media(pointer:coarse){.glass-button{min-height:44px;min-width:44px}.shop-container .products-container{padding-bottom:env(safe-area-inset-bottom,0)}.shop-container .grid{grid-auto-rows:minmax(280px,auto)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass-button:focus-visible{box-shadow:0 0 0 3px #00ffff80,0 0 20px #00ffff4d}.cyber-border{border:2px solid transparent;background-image:linear-gradient(to right,var(--dark-card),var(--dark-card)),linear-gradient(45deg,var(--neon-cyan),var(--neon-magenta),var(--neon-green));background-origin:border-box;background-clip:padding-box,border-box}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 10px currentColor,0 0 20px currentColor}.neon-text-magenta{color:var(--neon-magenta);text-shadow:0 0 10px currentColor,0 0 20px currentColor}.neon-text-green{color:var(--neon-green);text-shadow:0 0 10px currentColor,0 0 20px currentColor}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-magenta{box-shadow:var(--glow-magenta)}.glow-green{box-shadow:var(--glow-green)}.data-stream{position:relative;overflow:hidden}.data-stream:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:200%;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);animation:dataStream 8s linear infinite;pointer-events:none}.scanning{position:relative;overflow:hidden}.scanning:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);animation:holographicScan 2s linear infinite;box-shadow:0 0 10px var(--neon-cyan)}.futuristic-grid{background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;position:relative}.tech-font{font-family:Courier New,monospace;letter-spacing:.05em}.circuit-lines{position:relative;overflow:hidden}.circuit-lines:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 24%,rgba(0,255,255,.05) 25%,rgba(0,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent),linear-gradient(0deg,transparent 24%,rgba(0,255,255,.05) 25%,rgba(0,255,255,.05) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.05) 75%,rgba(0,255,255,.05) 76%,transparent 77%,transparent);background-size:50px 50px;pointer-events:none;opacity:.3}.hud-element{border:1px solid rgba(0,255,255,.3);border-radius:4px;background:#00ffff0d;position:relative}.hud-element:before,.hud-element:after{content:"";position:absolute;width:4px;height:4px;background:var(--neon-cyan);border-radius:50%}.hud-element:before{top:-2px;left:-2px}.hud-element:after{bottom:-2px;right:-2px}.cyber-loader{width:40px;height:40px;border:2px solid transparent;border-top:2px solid var(--neon-cyan);border-radius:50%;animation:cyberSpin 1s linear infinite;position:relative}.cyber-loader:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-right:2px solid var(--neon-magenta);border-radius:50%;animation:cyberSpin 1.5s linear infinite reverse}@keyframes cyberSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glitch-text{position:relative;color:var(--neon-cyan);font-weight:700}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:var(--neon-magenta);z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:var(--neon-green);z-index:-2}@keyframes glitch-1{0%{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(20% 0 30% 0);transform:translate(-2px,2px)}40%{clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{clip-path:inset(10% 0 60% 0);transform:translate(-1px,1px)}80%{clip-path:inset(70% 0 10% 0);transform:translate(1px,-1px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-2{0%{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-1px)}40%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,1px)}60%{clip-path:inset(40% 0 30% 0);transform:translate(1px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,2px)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}.matrix-bg{position:relative;overflow:hidden}.matrix-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);animation:matrixRain 3s linear infinite;pointer-events:none}@keyframes matrixRain{0%{transform:translateY(-100px)}to{transform:translateY(100px)}}