@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #00B4FF;--primary-dark: #0090CC;--primary-light: #40CFFF;--primary-glow: #00B4FF;--accent-cyan: #00E5FF;--accent-purple: #7B61FF;--bg: #020810;--bg-surface: #0A1628;--bg-card: #0D1B2A;--bg-card-hover: #112240;--text: #E0F0FF;--text-muted: #7BA4CC;--text-dim: #4A6A8A;--accent-red: #FF3B5C;--accent-amber: #FFB020;--accent-green: #00FF88;--glow: rgba(0, 180, 255, .35);--glow-strong: rgba(0, 180, 255, .7);--glow-cyan: rgba(0, 229, 255, .4);--border: rgba(0, 180, 255, .12);--border-hover: rgba(0, 180, 255, .45);--radius: 4px;--font-display: "Orbitron", monospace;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.bg-stripes{position:relative}.bg-stripes:before{content:"";position:fixed;inset:0;background:radial-gradient(1px 1px at 10% 20%,rgba(0,180,255,.3),transparent),radial-gradient(1px 1px at 30% 60%,rgba(0,229,255,.2),transparent),radial-gradient(1px 1px at 50% 10%,rgba(123,97,255,.2),transparent),radial-gradient(1px 1px at 70% 80%,rgba(0,180,255,.25),transparent),radial-gradient(1px 1px at 90% 40%,rgba(0,229,255,.2),transparent),radial-gradient(1.5px 1.5px at 15% 75%,rgba(0,180,255,.4),transparent),radial-gradient(1px 1px at 85% 15%,rgba(123,97,255,.3),transparent),radial-gradient(1px 1px at 45% 45%,rgba(0,180,255,.2),transparent),radial-gradient(1.5px 1.5px at 65% 35%,rgba(0,229,255,.3),transparent),radial-gradient(1px 1px at 25% 90%,rgba(0,180,255,.2),transparent);background-size:200px 200px;animation:starDrift 60s linear infinite;pointer-events:none;z-index:0}@keyframes starDrift{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.grid-bg{background-image:linear-gradient(rgba(0,180,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 1px);background-size:80px 80px}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--glow),inset 0 0 5px #00b4ff0d}50%{box-shadow:0 0 25px var(--glow),0 0 50px #00b4ff1a,inset 0 0 15px #00b4ff14}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.85}97%{opacity:1}}.flicker{animation:flicker 4s infinite}@keyframes scanLine{0%{top:-2px}to{top:100%}}.hud-corners{position:relative}.hud-corners:before,.hud-corners:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--primary);border-style:solid;pointer-events:none;z-index:2;transition:all .4s cubic-bezier(.22,1,.36,1);opacity:.5}.hud-corners:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.hud-corners:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.hud-corners:hover:before,.hud-corners:hover:after{width:28px;height:28px;border-color:var(--accent-cyan);opacity:1;filter:drop-shadow(0 0 4px var(--glow-cyan))}.navbar{position:sticky;top:0;z-index:100;background:#020810e0;-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);border-bottom:1px solid var(--border);padding:0 2rem;height:72px;display:flex;align-items:center;justify-content:space-between}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent-cyan),var(--primary),transparent);opacity:.6}.navbar .logo{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;gap:.75rem;transition:all .3s}.navbar .logo:hover{text-shadow:0 0 20px var(--glow);filter:brightness(1.2)}.navbar .logo img{height:38px;width:auto;border-radius:4px;border:1px solid var(--border)}.holo-nav-strip{display:flex;align-items:center;gap:.15rem}.holo-nav-link-wrap,.holo-nav-btn-wrap{text-decoration:none;background:none;border:none;cursor:pointer;padding:0;color:inherit}.holo-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .4s cubic-bezier(.22,1,.36,1);transform:scale(1)}.holo-nav-icon-box{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#00b4ff1a;border:1px solid rgba(0,200,255,.45);transition:all .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.holo-nav-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 3px rgba(0,229,255,.4));transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.holo-corner{position:absolute;width:7px;height:7px;border-style:solid;border-color:#00dcffb3;transition:all .4s cubic-bezier(.22,1,.36,1);z-index:2}.holo-corner.tl{top:-1px;left:-1px;border-width:1px 0 0 1px}.holo-corner.tr{top:-1px;right:-1px;border-width:1px 1px 0 0}.holo-corner.bl{bottom:-1px;left:-1px;border-width:0 0 1px 1px}.holo-corner.br{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.holo-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;top:-2px;pointer-events:none;z-index:3}.holo-badge{position:absolute;top:-5px;right:-5px;background:var(--accent-red);color:#fff;font-size:.5rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);box-shadow:0 0 8px #ff3b5c80;z-index:5}.holo-nav-label{font-family:var(--font-display);font-size:.5rem;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#b4ebffeb;transition:all .4s cubic-bezier(.22,1,.36,1);white-space:nowrap}.holo-nav-item:hover{transform:scale(1.15)}.holo-nav-item:hover .holo-nav-icon-box{border-color:#00e5ff66;background:#00b4ff1a;box-shadow:0 0 15px #00e5ff33,inset 0 0 10px #00e5ff0d}.holo-nav-item:hover .holo-nav-icon{color:var(--accent-cyan);filter:drop-shadow(0 0 6px var(--glow-cyan))}.holo-nav-item:hover .holo-corner{width:10px;height:10px;border-color:var(--accent-cyan);filter:drop-shadow(0 0 3px var(--glow-cyan))}.holo-nav-item:hover .holo-nav-label{color:var(--accent-cyan);text-shadow:0 0 8px var(--glow-cyan)}.holo-nav-item:hover .holo-scan{opacity:.5;animation:scanLine 2s linear infinite}.holo-nav-item.active{transform:scale(1.25)}.holo-nav-item.active .holo-nav-icon-box{border-color:var(--primary);background:#00b4ff26;box-shadow:0 0 20px var(--glow),0 0 40px #00b4ff1a,inset 0 0 15px #00b4ff14;animation:activeBoxPulse 3s ease-in-out infinite}.holo-nav-item.active .holo-nav-icon{color:#fff;filter:drop-shadow(0 0 8px var(--glow-cyan))}.holo-nav-item.active .holo-corner{width:12px;height:12px;border-color:var(--accent-cyan);filter:drop-shadow(0 0 4px var(--glow-cyan))}.holo-nav-item.active .holo-nav-label{color:#fff;text-shadow:0 0 12px var(--glow)}.holo-nav-item.active .holo-scan{opacity:.3;animation:scanLine 3s linear infinite}@keyframes activeBoxPulse{0%,to{box-shadow:0 0 20px var(--glow),0 0 40px #00b4ff1a,inset 0 0 15px #00b4ff14}50%{box-shadow:0 0 30px var(--glow-strong),0 0 60px #00b4ff26,inset 0 0 20px #00b4ff1f}}.holo-nav-item.active .holo-nav-icon-box:after{content:"";position:absolute;bottom:-4px;left:10%;right:10%;height:2px;background:var(--accent-cyan);box-shadow:0 0 10px var(--glow-cyan),0 2px 10px var(--glow-cyan);border-radius:1px}.holo-connector{display:flex;align-items:center;justify-content:center;width:22px;height:38px;position:relative}.holo-connector-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,255,.25),transparent)}.holo-connector-dot{position:absolute;left:50%;top:50%;width:3px;height:3px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px var(--glow);opacity:.6}.lang-switcher{display:flex;gap:1px;background:#00b4ff14;border:1px solid var(--border);border-radius:2px;padding:2px;margin-left:.5rem}.lang-switcher button{font-family:var(--font-display)!important;font-size:.55rem!important;padding:4px 8px!important;border-radius:2px!important;letter-spacing:1px!important;transition:all .3s!important;border:none!important;background:none!important;color:var(--text-dim)!important;cursor:pointer!important}.lang-switcher button:hover{color:var(--accent-cyan)!important}.lang-switcher button.active{background:var(--primary)!important;color:var(--bg)!important;box-shadow:0 0 10px var(--glow)!important}.family-badge{display:inline-flex;align-items:center;gap:.3rem;background:#00b4ff1f;border:1px solid var(--accent-cyan);padding:2px 8px;font-family:var(--font-display);font-size:.5rem;letter-spacing:1px;text-transform:uppercase;color:var(--accent-cyan);box-shadow:0 0 8px var(--glow-cyan)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:22px}.hamburger-icon span{display:block;height:2px;background:var(--accent-cyan);transition:all .3s;box-shadow:0 0 4px var(--glow-cyan)}.hamburger-icon.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu-btn{display:none;background:none;border:1px solid var(--border);color:var(--accent-cyan);cursor:pointer;padding:8px 10px;transition:all .3s}.mobile-menu-btn:hover{border-color:var(--primary);box-shadow:0 0 10px var(--glow)}.click-animation-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.click-hand-robot{position:absolute;left:-90px;top:-30px;animation:robotHandIn .7s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 0 15px rgba(0,180,255,.6))}.click-hand-human{position:absolute;right:-90px;top:-30px;animation:humanHandIn .7s cubic-bezier(.22,1,.36,1) forwards;filter:drop-shadow(0 0 15px rgba(0,229,255,.4))}@keyframes robotHandIn{0%{transform:translate(-60px) scale(.4);opacity:0}50%{transform:translate(30px) scale(1.05);opacity:1}80%{transform:translate(20px) scale(1);opacity:.9}to{transform:translate(20px) scale(.9);opacity:0}}@keyframes humanHandIn{0%{transform:translate(60px) scale(.4);opacity:0}50%{transform:translate(-30px) scale(1.05);opacity:1}80%{transform:translate(-20px) scale(1);opacity:.9}to{transform:translate(-20px) scale(.9);opacity:0}}.click-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:radial-gradient(circle,var(--accent-cyan),var(--primary),transparent);animation:energyBurst .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.2s}@keyframes energyBurst{0%{width:0;height:0;opacity:0}40%{width:100px;height:100px;opacity:.7}to{width:160px;height:160px;opacity:0}}.click-center-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:centerIconPop .6s .15s ease-out forwards}@keyframes centerIconPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.click-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid var(--accent-cyan);border-radius:50%;animation:ringExpand .8s ease-out forwards;opacity:0}.click-ring:nth-child(4){animation-delay:.25s}.click-ring:nth-child(5){animation-delay:.4s}.click-ring:nth-child(6){animation-delay:.55s}@keyframes ringExpand{0%{width:8px;height:8px;opacity:.7;border-color:var(--accent-cyan)}to{width:200px;height:200px;opacity:0;border-color:var(--primary)}}@keyframes networkLineGrow{0%{opacity:0;stroke-dashoffset:100}50%{opacity:.8}to{opacity:0;stroke-dashoffset:0}}.click-network-lines line{stroke-dasharray:100;stroke-dashoffset:100}.click-node{position:absolute;width:5px;height:5px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--glow-cyan);animation:nodeFloat .8s ease-out forwards;opacity:0}@keyframes nodeFloat{0%{opacity:0;transform:translate(0) scale(0)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:var(--node-dir) scale(.3)}}.btn{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:.75rem 1.5rem;border:1px solid var(--border);background:#00b4ff0d;color:var(--primary);cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-decoration:none}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,180,255,.1),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:hover{background:#00b4ff1f;border-color:var(--primary);box-shadow:0 0 20px var(--glow),0 0 40px #00b4ff1a;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary));box-shadow:0 0 30px var(--glow-strong)}.btn-danger{border-color:var(--accent-red);color:var(--accent-red)}.btn-danger:hover{background:#ff3b5c1a;box-shadow:0 0 15px #ff3b5c4d}.btn-sm{padding:.4rem .8rem;font-size:.6rem}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 30px #0000004d,0 0 15px var(--glow)}.product-card{background:var(--bg-card);border:1px solid var(--border);overflow:hidden;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;display:flex;flex-direction:column}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,180,255,.05),transparent 60%);opacity:0;transition:opacity .4s;z-index:1;pointer-events:none}.product-card:hover:before{opacity:1}.product-card:hover{border-color:var(--border-hover);transform:translateY(-6px) scale(1.02);box-shadow:0 15px 40px #0006,0 0 20px var(--glow),0 0 60px #00b4ff14}.product-card .image-wrap{aspect-ratio:1;overflow:hidden;background:var(--bg-surface);position:relative}.product-card .image-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--bg-card),transparent);pointer-events:none}.product-card .image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.product-card:hover .image-wrap img{transform:scale(1.08)}.product-card .info{padding:1rem;flex:1;display:flex;flex-direction:column;position:relative;z-index:2}.product-card .name{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;color:var(--text)}.product-card .price-row{display:flex;align-items:center;gap:.5rem;margin-top:auto}.product-card .price{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--accent-cyan);text-shadow:0 0 8px var(--glow-cyan)}.product-card .old-price{font-size:.8rem;color:var(--text-dim);text-decoration:line-through}.product-card .discount-badge{position:absolute;top:.75rem;right:.75rem;background:var(--accent-red);color:#fff;font-family:var(--font-display);font-size:.55rem;font-weight:700;padding:4px 10px;letter-spacing:1px;z-index:2;box-shadow:0 0 10px #ff3b5c66}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.input,select,textarea{font-family:var(--font-body);font-size:.9rem;padding:.7rem 1rem;background:#0a1628cc;border:1px solid var(--border);color:var(--text);outline:none;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 15px var(--glow),inset 0 0 10px #00b4ff0d}textarea{resize:vertical;min-height:80px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%237BA4CC' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.hero{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:2rem}.hero:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,255,.12),rgba(0,229,255,.05) 40%,transparent 70%);pointer-events:none;animation:heroGlow 6s ease-in-out infinite alternate}@keyframes heroGlow{0%{opacity:.6;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-content{position:relative;z-index:1;max-width:800px}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:6px;text-transform:uppercase;line-height:1.2;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--accent-cyan),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--glow))}.hero .subtitle{font-size:1.05rem;color:var(--text-muted);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.hero-holo-icons{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-holo-node{position:absolute;border:1px solid rgba(0,180,255,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);background:#00b4ff0a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:holoNodeFloat 6s ease-in-out infinite;box-shadow:0 0 15px #00b4ff1a;transition:all .3s}.hero-holo-node:before,.hero-holo-node:after{content:"";position:absolute;width:8px;height:8px;border-style:solid;border-color:#00e5ff4d}.hero-holo-node:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hero-holo-node:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}@keyframes holoNodeFloat{0%,to{transform:translateY(0) rotate(0);opacity:.5}50%{transform:translateY(-12px) rotate(2deg);opacity:.9}}.hg-earth{position:relative;margin:0 auto 1.5rem;width:300px;height:300px;max-width:80vw}.hg-earth-sphere{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#020810;box-shadow:inset 0 0 60px #001e46e6,0 0 40px #0096ff40}.hg-earth-tex{position:absolute;top:0;left:0;height:100%;width:200%;background-repeat:repeat-x;background-size:auto 100%;background-position:0 center;animation:hgEarthSpin 28s linear infinite;-webkit-mask-image:radial-gradient(circle at center,#000 60%,rgba(0,0,0,.85) 78%,rgba(0,0,0,.35) 92%,transparent 100%);mask-image:radial-gradient(circle at center,#000 60%,rgba(0,0,0,.85) 78%,rgba(0,0,0,.35) 92%,transparent 100%)}@keyframes hgEarthSpin{0%{background-position:0 center}to{background-position:-50% center}}.hg-earth-shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(120,200,255,.18),transparent 42%),radial-gradient(circle at center,transparent 48%,rgba(0,10,30,.55) 80%,rgba(0,5,18,.9) 100%);pointer-events:none}.hg-earth-spec{position:absolute;top:12%;left:16%;width:40%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(160,225,255,.28),transparent 70%);filter:blur(6px);pointer-events:none}.hg-earth-rim{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(0,200,255,.55);box-shadow:0 0 18px #00b4ff99,inset 0 0 18px #00b4ff66;pointer-events:none;animation:hgEarthPulse 4s ease-in-out infinite}.hg-earth-glow{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,transparent 52%,rgba(0,160,255,.22) 60%,transparent 74%);pointer-events:none;animation:hgEarthPulse 5s ease-in-out infinite}@keyframes hgEarthPulse{0%,to{opacity:.75}50%{opacity:1}}@media(max-width:768px){.hg-earth{width:260px;height:260px}}@media(max-width:480px){.hg-earth{width:220px;height:220px}}@media(prefers-reduced-motion:reduce){.hg-earth-tex{animation-duration:70s}}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3rem}.hero-stats .stat{text-align:center}.hero-stats .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--accent-cyan);text-shadow:0 0 15px var(--glow-cyan)}.hero-stats .stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:.25rem}.hero-bg-circles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-bg-circles .circle{position:absolute;border:1px solid rgba(0,180,255,.08);border-radius:50%;animation:circleExpand 10s ease-in-out infinite}@keyframes circleExpand{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.page{padding:2rem;max-width:1400px;margin:0 auto;width:100%;flex:1;position:relative;z-index:1}.page-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:2rem;color:var(--text);display:flex;align-items:center;gap:1rem}.page-title:before{content:"";width:3px;height:1.5rem;background:linear-gradient(to bottom,var(--accent-cyan),var(--primary));box-shadow:0 0 10px var(--glow-cyan)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.category-filter{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.category-filter button{font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:.5rem 1rem;border:1px solid var(--border);background:#00b4ff08;color:var(--text-muted);cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1)}.category-filter button:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05);box-shadow:0 0 10px var(--glow)}.category-filter button.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-color:var(--primary);transform:scale(1.1);box-shadow:0 0 20px var(--glow)}.status-tracker{display:flex;align-items:center;gap:0;margin:1rem 0}.status-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.status-step .dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--border);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:.8rem;z-index:1;transition:all .3s}.status-step.completed .dot{background:var(--primary);border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 15px var(--glow)}.status-step.active .dot{border-color:var(--accent-cyan);color:var(--accent-cyan);animation:glowPulse 2s infinite}.status-step .label{font-family:var(--font-display);font-size:.6rem;letter-spacing:1px;text-transform:uppercase;margin-top:.5rem;color:var(--text-dim)}.status-step.completed .label,.status-step.active .label{color:var(--accent-cyan)}.status-line{flex:1;height:2px;background:var(--border);margin-top:-16px}.status-line.completed{background:var(--primary);box-shadow:0 0 8px var(--glow)}.admin-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;min-height:60vh}.admin-column{background:var(--bg-surface);border:1px solid var(--border);padding:1rem;display:flex;flex-direction:column}.admin-column .col-header{font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.admin-column .col-header .count-badge{background:var(--primary);color:#fff;font-size:.55rem;padding:2px 8px;border-radius:2px;box-shadow:0 0 8px var(--glow)}.admin-column .order-card{background:var(--bg-card);border:1px solid var(--border);padding:.75rem;margin-bottom:.5rem;transition:all .3s}.admin-column .order-card:hover{border-color:var(--border-hover);box-shadow:0 0 10px var(--glow)}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}.order-summary{background:var(--bg-surface);border:1px solid var(--border);padding:1.5rem;position:sticky;top:86px;height:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cart-table{width:100%;border-collapse:collapse}.cart-table th{font-family:var(--font-display);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}.cart-table td{padding:.75rem;border-bottom:1px solid rgba(0,180,255,.06);vertical-align:middle}.cart-table .product-cell{display:flex;align-items:center;gap:1rem}.cart-table .product-cell img{width:60px;height:60px;object-fit:cover;border:1px solid var(--border)}.qty-control{display:flex;align-items:center;gap:.5rem}.qty-control button{width:28px;height:28px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s}.qty-control button:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 8px var(--glow-cyan)}.qty-control span{font-family:var(--font-display);font-size:.9rem;min-width:24px;text-align:center}.auth-page{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--bg-card);border:1px solid var(--border);padding:2.5rem;width:100%;max-width:420px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--primary),transparent,var(--accent-cyan));z-index:-1;opacity:.15}.auth-card h2{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.5rem;color:var(--accent-cyan);text-align:center;text-shadow:0 0 10px var(--glow-cyan)}.modal-overlay{position:fixed;inset:0;background:#020810cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem}.modal{background:var(--bg-card);border:1px solid var(--border);padding:2rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 0 40px var(--glow),0 20px 60px #00000080}.modal h3{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th{font-family:var(--font-display);font-size:.6rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);text-align:left;padding:.75rem;border-bottom:1px solid var(--border)}.admin-table td{padding:.75rem;border-bottom:1px solid rgba(0,180,255,.06);font-size:.9rem}.admin-table tr:hover td{background:#00b4ff08}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-red{color:var(--accent-red)}.text-green{color:var(--accent-green)}.text-amber{color:var(--accent-amber)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.font-display{font-family:var(--font-display)}.footer{border-top:1px solid var(--border);padding:2rem;text-align:center;color:var(--text-dim);font-size:.8rem;margin-top:auto;position:relative;background:#020810e6}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent-cyan),var(--primary),transparent);opacity:.4}.footer a{color:var(--accent-cyan);text-decoration:none}.loading{display:flex;align-items:center;justify-content:center;padding:4rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 15px var(--glow-cyan)}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:86px;right:20px;z-index:300;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--bg-card);border:1px solid var(--accent-cyan);padding:.75rem 1.25rem;font-family:var(--font-display);font-size:.65rem;letter-spacing:1px;color:var(--accent-cyan);box-shadow:0 0 20px var(--glow-cyan);animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.upload-area{border:2px dashed var(--border);padding:2rem;text-align:center;cursor:pointer;transition:all .3s;background:#00b4ff05}.upload-area:hover{border-color:var(--primary);background:#00b4ff0f;box-shadow:inset 0 0 20px var(--glow)}.upload-area img{max-width:200px;max-height:200px;object-fit:contain;margin:0 auto}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-dim)}.empty-state .icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px var(--glow))}.empty-state h3{font-family:var(--font-display);font-size:.95rem;letter-spacing:2px;margin-bottom:.5rem;color:var(--text-muted)}@media(max-width:768px){.mobile-menu-btn{display:block}.holo-nav-strip.desktop{display:none}.holo-nav-strip.mobile{position:fixed;top:72px;right:0;width:260px;max-height:calc(100vh - 72px);overflow-y:auto;background:#020810f5;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:column;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid var(--border);border-left:1px solid var(--border);gap:.5rem;z-index:150;box-shadow:-10px 10px 30px #00000080,0 0 20px var(--glow)}.holo-nav-strip.mobile .holo-nav-item{flex-direction:row;gap:10px;width:100%;justify-content:flex-start;padding:6px 8px;border-radius:4px}.holo-nav-strip.mobile .holo-nav-item:hover{background:#00b4ff0f}.holo-nav-strip.mobile .holo-nav-item.active{transform:none;background:#00b4ff1a}.holo-nav-strip.mobile .holo-nav-link-wrap,.holo-nav-strip.mobile .holo-nav-btn-wrap{width:100%}.holo-nav-strip.mobile .holo-connector{display:none}.holo-nav-strip.mobile .lang-switcher{margin-left:0;margin-top:.5rem}.navbar{padding:0 1rem}.page{padding:1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.admin-columns,.checkout-grid{grid-template-columns:1fr}.hero h1{font-size:1.6rem;letter-spacing:3px}.hero-stats{gap:1.5rem}.hero-stats .stat-value{font-size:1.5rem}.hero-holo-node{display:none}.auth-card{padding:1.5rem}}