:root,[data-theme="dark"]{--bg-primary:#0a0a0f;--bg-secondary:#0f0f18;--bg-card:rgba(255,255,255,0.03);--bg-card-hover:rgba(255,255,255,0.06);--text-primary:#e2e8f0;--text-secondary:#cbd5e1;--text-muted:rgba(255,255,255,0.5);--border-color:rgba(255,255,255,0.06);--border-hover:rgba(255,107,53,0.15);--accent-1:#0066ff;--accent-2:#ff6b35;--accent-1-rgb:0,102,255;--accent-2-rgb:255,107,53;--header-bg:transparent;--header-scrolled-bg:rgba(10,10,15,0.92);--footer-bg:rgba(0,0,0,0.3);--shadow-card:0 4px 20px rgba(0,0,0,0.2);--shadow-card-hover:0 20px 60px rgba(255,107,53,0.08);--input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.1);--badge-bg:rgba(255,107,53,0.1);--badge-text:#ff8c5a}
[data-theme="clean"]{--bg-primary:#f8f9fc;--bg-secondary:#eef1f6;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--text-primary:#1a1a2e;--text-secondary:#374151;--text-muted:rgba(0,0,0,0.45);--border-color:rgba(0,0,0,0.08);--border-hover:rgba(37,99,235,0.3);--accent-1:#2563eb;--accent-2:#0d9488;--accent-1-rgb:37,99,235;--accent-2-rgb:13,148,136;--header-bg:rgba(255,255,255,0.85);--header-scrolled-bg:rgba(255,255,255,0.95);--footer-bg:#f1f5f9;--shadow-card:0 2px 12px rgba(0,0,0,0.06);--shadow-card-hover:0 12px 40px rgba(37,99,235,0.1);--input-bg:#ffffff;--input-border:rgba(0,0,0,0.12);--badge-bg:rgba(13,148,136,0.1);--badge-text:#0d9488}
[data-theme="futurista"]{--bg-primary:#050510;--bg-secondary:#0a0a20;--bg-card:rgba(10,10,40,0.6);--bg-card-hover:rgba(15,15,50,0.7);--text-primary:#e0e7ff;--text-secondary:#a5b4fc;--text-muted:rgba(165,180,252,0.45);--border-color:rgba(99,102,241,0.12);--border-hover:rgba(6,182,212,0.35);--accent-1:#06b6d4;--accent-2:#8b5cf6;--accent-1-rgb:6,182,212;--accent-2-rgb:139,92,246;--header-bg:transparent;--header-scrolled-bg:rgba(5,5,16,0.92);--footer-bg:rgba(5,5,16,0.5);--shadow-card:0 4px 20px rgba(99,102,241,0.08);--shadow-card-hover:0 20px 60px rgba(6,182,212,0.12);--input-bg:rgba(10,10,40,0.5);--input-border:rgba(99,102,241,0.2);--badge-bg:rgba(139,92,246,0.12);--badge-text:#a78bfa}
[data-theme="futurista"] body{background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,0.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,0.04) 0%,transparent 50%),var(--bg-primary)}
*,*::before,*::after{transition:background-color 0.4s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}
body{background:var(--bg-primary);color:var(--text-primary)}
[data-theme="clean"] .header.scrolled{background:var(--header-scrolled-bg);border-bottom-color:var(--border-color);backdrop-filter:blur(20px)}
[data-theme="clean"] .glass-card{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-card)}
[data-theme="clean"] .glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}
[data-theme="clean"] .section-badge{background:var(--badge-bg);border-color:var(--border-color);color:var(--badge-text)}
[data-theme="clean"] .footer{background:var(--footer-bg);border-top-color:var(--border-color)}
[data-theme="clean"] .nav a{color:var(--text-muted)}
[data-theme="clean"] .nav a:hover,[data-theme="clean"] .nav a.active{color:var(--accent-1)}
[data-theme="clean"] .nav a::after{background:var(--accent-1)}
[data-theme="clean"] .hero-overlay{background:linear-gradient(135deg,rgba(5,5,16,0.6) 0%,rgba(5,5,16,0.3) 40%,rgba(5,5,16,0.4) 70%,rgba(5,5,16,0.7) 100%)}
[data-theme="clean"] .btn-primary{background:linear-gradient(135deg,var(--accent-1),#1d4ed8)}
[data-theme="clean"] .btn-orange{background:linear-gradient(135deg,var(--accent-2),#0f766e)}
[data-theme="futurista"] .glass-card{border:1px solid var(--border-color)}
[data-theme="futurista"] .glass-card:hover{border-color:var(--border-hover);box-shadow:0 0 30px rgba(var(--accent-1-rgb),0.1),0 0 60px rgba(var(--accent-2-rgb),0.05)}
[data-theme="futurista"] .section-badge{background:rgba(var(--accent-2-rgb),0.1);border-color:rgba(var(--accent-2-rgb),0.25);color:#a78bfa}
[data-theme="futurista"] .service-icon{background:rgba(var(--accent-1-rgb),0.1);color:var(--accent-1)}
[data-theme="futurista"] .btn-primary{background:linear-gradient(135deg,var(--accent-1),#0891b2);box-shadow:0 4px 20px rgba(var(--accent-1-rgb),0.3)}
[data-theme="futurista"] .btn-orange{background:linear-gradient(135deg,var(--accent-2),#7c3aed);box-shadow:0 4px 20px rgba(var(--accent-2-rgb),0.3)}
[data-theme="futurista"] .stat-number{color:var(--accent-1)}
[data-theme="futurista"] .text-gradient{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 50%,var(--accent-1) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.floating-particles{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.particle{position:absolute;bottom:-20px;border-radius:50%;background:rgba(var(--accent-1-rgb),0.25);animation:floatUp var(--dur,15s) linear infinite;animation-delay:var(--delay,0s);left:var(--x,50%);width:var(--size,4px);height:var(--size,4px)}
@keyframes floatUp{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.6}90%{opacity:.2}100%{transform:translateY(-110vh) translateX(var(--drift,30px));opacity:0}}
.glow-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.12}
.glow-orb:nth-child(1){width:400px;height:400px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(var(--accent-1-rgb),0.4),transparent 70%);animation:orbF1 20s ease-in-out infinite}
.glow-orb:nth-child(2){width:350px;height:350px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(var(--accent-2-rgb),0.4),transparent 70%);animation:orbF2 25s ease-in-out infinite}
.glow-orb:nth-child(3){width:300px;height:300px;top:40%;left:50%;background:radial-gradient(circle,rgba(var(--accent-1-rgb),0.2),rgba(var(--accent-2-rgb),0.2),transparent 70%);animation:orbF3 18s ease-in-out infinite}
@keyframes orbF1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes orbF2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,-30px)}}
@keyframes orbF3{0%,100%{transform:translate(0,0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-30px,40px)}}
.btn-pulse{animation:btnP 2.5s ease-in-out infinite}
@keyframes btnP{0%,100%{box-shadow:0 4px 20px rgba(var(--accent-1-rgb),0.3)}50%{box-shadow:0 4px 35px rgba(var(--accent-1-rgb),0.55),0 0 60px rgba(var(--accent-1-rgb),0.15)}}
.neon-text{text-shadow:0 0 20px rgba(var(--accent-1-rgb),0.3),0 0 40px rgba(var(--accent-2-rgb),0.15)}
[data-theme="futurista"] .neon-text{text-shadow:0 0 10px rgba(var(--accent-1-rgb),0.5),0 0 30px rgba(var(--accent-1-rgb),0.3),0 0 60px rgba(var(--accent-2-rgb),0.2)}
.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:10001;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));width:0%;pointer-events:none}
.shimmer{position:relative;overflow:hidden}
.shimmer::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);animation:shimM 1.5s ease-in-out infinite}
@keyframes shimM{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.theme-switcher{position:fixed;bottom:100px;left:24px;z-index:9998;display:flex;flex-direction:column;gap:10px}
.theme-switcher__btn{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,0.2);position:relative;transition:all .3s ease}
.theme-switcher__btn:hover{transform:scale(1.15)}
.theme-switcher__btn.active{border-color:var(--accent-1);box-shadow:0 0 14px rgba(var(--accent-1-rgb),0.35)}
.theme-switcher__btn[data-t="dark"]{background:linear-gradient(135deg,#0a0a0f,#1a1a2e)}
.theme-switcher__btn[data-t="dark"]::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ff6b35}
.theme-switcher__btn[data-t="clean"]{background:linear-gradient(135deg,#f8f9fc,#fff)}
.theme-switcher__btn[data-t="clean"]::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#2563eb}
.theme-switcher__btn[data-t="futurista"]{background:linear-gradient(135deg,#050510,#1a0a3e)}
.theme-switcher__btn[data-t="futurista"]::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#06b6d4}
.theme-switcher__tip{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.85);color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.theme-switcher__btn:hover .theme-switcher__tip{opacity:1}
@media(max-width:768px){.theme-switcher{bottom:80px;left:16px}.theme-switcher__btn{width:32px;height:32px}.glow-orb{opacity:.06}}
@media(prefers-reduced-motion:reduce){.particle,.glow-orb,.shimmer::after{animation:none!important;display:none}.btn-pulse{animation:none!important}}
.product-zoom-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s}
.product-zoom-overlay.active{opacity:1;visibility:visible}
.product-zoom-modal{position:relative;max-width:820px;width:92%;max-height:88vh;overflow-y:auto;background:rgba(12,12,22,0.96);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:24px;box-shadow:0 0 60px rgba(0,0,0,0.5)}
.product-zoom-close{position:absolute;top:12px;right:16px;background:none;border:none;color:rgba(255,255,255,0.5);font-size:32px;cursor:pointer;z-index:10;transition:color .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.product-zoom-close:hover{color:#fff;background:rgba(255,255,255,0.1)}
.product-zoom-main{position:relative;width:100%;overflow:hidden;border-radius:14px;background:rgba(0,0,0,0.4);margin-bottom:16px;cursor:grab;min-height:300px;display:flex;align-items:center;justify-content:center}
.product-zoom-main img{max-width:100%;max-height:60vh;object-fit:contain;transition:transform .3s ease;transform-origin:center center;user-select:none;-webkit-user-drag:none}
.product-zoom-main img.zoomed{cursor:move}
.zoom-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s;z-index:5}
.zoom-btn:hover{background:rgba(var(--accent-1-rgb,0,102,255),0.6)}
.zoom-in{right:120px}.zoom-out{right:78px}
.product-zoom-thumbs{display:flex;gap:10px;padding:4px 0;justify-content:center}
.product-zoom-thumbs img{width:70px;height:70px;object-fit:cover;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:all .3s;opacity:.6}
.product-zoom-thumbs img:hover,.product-zoom-thumbs img.active{border-color:var(--accent-2,#ff6b35);opacity:1;transform:scale(1.08)}
.product-zoom-info{margin-top:16px;display:flex;justify-content:center}
@media(max-width:768px){.product-zoom-modal{padding:16px;width:96%;max-height:92vh;border-radius:16px}.product-zoom-thumbs img{width:55px;height:55px}.zoom-btn{width:32px;height:32px;font-size:12px}.zoom-in{right:100px}.zoom-out{right:64px}.product-zoom-main{min-height:200px}}
.upload-dropzone{border:2px dashed rgba(255,255,255,0.15);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;color:#8892a8}
.upload-dropzone:hover{border-color:#0066ff;background:rgba(0,102,255,0.05);color:#fff}
.upload-dropzone p{font-size:12px;margin:0}
.upload-dropzone.dragover{border-color:#0066ff;background:rgba(0,102,255,0.1)}
@media(max-width:600px){.admin-modal-content{width:95vw!important;margin:10px!important}}