@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--accent:#06b6d4;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f268712;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius:16px;--radius-sm:8px;--radius-lg:24px}[data-theme=dark]{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#06b6d4;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--border:#334155}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;line-height:1.6;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.app{background-image:radial-gradient(at 0 0,#100f1500 0 50%),radial-gradient(at 50% 0,#2f3e6a00 0 50%);flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.container{max-width:1200px;margin:0 auto}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:600}h1{font-size:clamp(2.5rem,3vw,3rem);line-height:1.1}h2{font-size:clamp(2rem,3vw,3rem);line-height:1.2}h3{font-size:clamp(1.25rem,2.5vw,1.75rem);line-height:1.3}a{color:var(--primary);text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-dark)}.btn{border-radius:var(--radius-sm);letter-spacing:1px;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:17px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn>*{z-index:1;position:relative}.btn:before{content:"";z-index:0;background:#ffffff26;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn-primary:hover{background:var(--primary-dark);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0066ff4d}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--text-primary)}.btn-large{padding:18px 36px;font-size:16px}.btn-block{width:100%}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.animate-hidden{opacity:0}.animate-fade-up{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-fade-down{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInDown}.animate-fade-left{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInLeft}.animate-fade-right{animation:.8s cubic-bezier(.4,0,.2,1) forwards fadeInRight}.animate-scale-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards scaleIn}.animate-slide-in-left{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInLeft}.animate-slide-in-right{animation:.8s cubic-bezier(.4,0,.2,1) forwards slideInRight}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.mouse-follower{background:var(--primary);pointer-events:none;z-index:9999;mix-blend-mode:difference;filter:blur(8px);border-radius:50%;width:20px;height:20px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.interactive-card{position:relative;overflow:hidden}.interactive-card:before{content:"";background:linear-gradient(45deg,#0000,#0066ff1a,#0000);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-100%)}.interactive-card:hover:before{transform:translate(100%)}.btn-magnetic{transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-magnetic:hover{transform:scale(1.05)}.glow-on-hover{position:relative}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.animate-bounce{animation:2s ease-in-out infinite bounce}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotate{animation:20s linear infinite rotate360}@keyframes wave{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(5deg)}75%{transform:translateY(10px)rotate(-5deg)}}.animate-wave{animation:3s ease-in-out infinite wave}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-gradient{background:linear-gradient(270deg,var(--primary),var(--primary-light),var(--primary));background-size:200% 200%;animation:3s infinite gradientShift}html{scroll-behavior:smooth}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.hero-premium{text-align:center;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);justify-content:center;align-items:center;min-height:100vh;padding:100px 0;display:flex;position:relative;overflow:hidden}.hero-cinematic-bg{z-index:0;filter:blur(40px);background:linear-gradient(45deg,#2563eb1a 0%,#0000 70%),radial-gradient(at 80% 0,#06b6d426 0,#0000 50%),radial-gradient(at 0%,#2563eb1a 0,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.bubble{z-index:1;background:#ffffff1a;border-radius:50%;animation:15s ease-in infinite rise;position:absolute;bottom:-100px}.bubble:first-child{opacity:.2;width:40px;height:40px;animation-duration:8s;left:10%}.bubble:nth-child(2){opacity:.4;width:20px;height:20px;animation-duration:5s;animation-delay:1s;left:20%}.bubble:nth-child(3){opacity:.1;width:50px;height:50px;animation-duration:10s;animation-delay:2s;left:35%}.bubble:nth-child(4){opacity:.05;width:80px;height:80px;animation-duration:12s;animation-delay:0s;left:50%}.bubble:nth-child(5){opacity:.1;width:35px;height:35px;animation-duration:6s;animation-delay:1s;left:55%}.bubble:nth-child(6){opacity:.3;width:45px;height:45px;animation-duration:8s;animation-delay:3s;left:65%}.bubble:nth-child(7){opacity:.1;width:90px;height:90px;animation-duration:15s;animation-delay:2s;left:70%}.bubble:nth-child(8){opacity:.3;width:25px;height:25px;animation-duration:6s;animation-delay:1s;left:80%}.bubble:nth-child(9){opacity:.3;width:15px;height:15px;animation-duration:5s;animation-delay:1s;left:70%}.bubble:nth-child(10){opacity:.1;width:50px;height:50px;animation-duration:9s;animation-delay:3s;left:85%}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(1)}50%{opacity:.5}to{opacity:0;transform:translateY(-120vh)scale(1.5)}}.hero-content-premium{z-index:10;margin:0 auto;position:relative}.hero-title-premium{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;text-shadow:0 10px 30px #0003;-webkit-background-clip:text;margin-bottom:32px;font-size:80px;font-weight:800}.hero-description-premium{color:#94a3b8;max-width:700px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.6}.hero-badge-cinematic{color:#60a5fa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563eb1a;border:1px solid #2563eb4d;border-radius:99px;align-items:center;gap:10px;margin-bottom:40px;padding:8px 20px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #2563eb33}.hero-actions-premium{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3}.btn-glass:hover{border-color:var(--primary);background:#fff3}.btn-glow{box-shadow:0 0 20px #2563eb4d}.btn-glow:hover{box-shadow:0 0 30px #2563eb80}.footer-premium{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:auto;padding:80px 0 40px;position:relative}.footer-links-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-column h4{color:var(--text-primary);margin-bottom:24px;font-size:16px}.footer-link,.footer-contact{color:var(--text-secondary);margin-bottom:12px;transition:color .2s;display:block}.footer-link:hover,.footer-contact:hover{color:var(--primary);transform:translate(4px)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-tertiary);justify-content:space-between;align-items:center;padding-top:32px;font-size:14px;display:flex}.social-links{gap:24px;display:flex}.social-icon{color:var(--text-secondary);font-weight:500}.social-icon:hover{color:var(--primary)}@media (max-width:768px){.hero-title-premium{font-size:2.5rem}.footer-content{grid-template-columns:1fr;gap:40px}.footer-links-grid{grid-template-columns:1fr 1fr}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)0px,var(--bg-tertiary)40px,var(--bg-secondary)80px);background-size:200px 100%;animation:1.4s ease-in-out infinite skeleton-loading}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.product-card-premium{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-card-premium:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-10px)}.product-image-premium{background:var(--bg-tertiary);justify-content:center;align-items:center;height:240px;display:flex;position:relative;overflow:hidden}.product-image-premium:before{content:"";opacity:0;background:radial-gradient(circle,#fffc 0%,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.product-card-premium:hover .product-image-premium:before{opacity:1}.product-info-premium{padding:24px}.product-title-premium{margin-bottom:8px;font-size:1.25rem;font-weight:700}.product-price-premium{color:var(--primary);margin-top:16px;font-size:1.5rem;font-weight:800;display:block}.services-premium{background:var(--bg-secondary);padding:100px 0;position:relative}.service-card-premium{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);height:100%;padding:40px;transition:all .3s;position:relative;overflow:hidden}.service-card-premium:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.service-icon-premium{background:var(--bg-secondary);width:60px;height:60px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;transition:all .3s;display:flex}.service-card-premium:hover .service-icon-premium{background:var(--primary);color:#fff;transform:scale(1.1)}.products-section-premium{background:var(--bg-tertiary);padding:100px 0;position:relative}.products-section-premium:before{content:"";background-image:radial-gradient(var(--border)1px,transparent 1px);opacity:.1;pointer-events:none;background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0}.section-header-premium{text-align:center;max-width:700px;margin-bottom:60px;margin-left:auto;margin-right:auto}.section-header-premium h2{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-header-premium p{color:var(--text-secondary);font-size:1.1rem}.news-section-premium{background:var(--bg-secondary);padding:100px 0;position:relative}.news-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.news-card-premium{background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.news-card-premium:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-5px)}.news-image{background:var(--bg-tertiary);height:200px;position:relative;overflow:hidden}.news-image:after{content:"NEWS";color:var(--border);opacity:.5;font-size:3rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.news-category{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563ebe6;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:16px;right:16px}.news-content{flex-direction:column;flex:1;padding:24px;display:flex}.news-date{color:var(--text-tertiary);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}.news-title{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4}.news-excerpt{color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:.95rem}.news-link{color:var(--primary);align-items:center;gap:6px;font-weight:600;transition:gap .2s;display:inline-flex}.news-link:hover{color:var(--primary-dark);gap:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar-cinematic{z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #0000000d;width:100%;padding:5px 0;transition:all .4s;position:sticky;top:0;box-shadow:0 4px 20px #0000000d}[data-theme=dark] .navbar-cinematic{background:#0f172af2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0003}.navbar-cinematic.scrolled{box-shadow:0 4px 30px #0000001a}.nav-content{flex-direction:column;display:flex}.nav-top{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{position:relative}.logo h2{color:#fff;width:250px;font-size:40px;position:absolute;transform:translateY(-10%)}.logo h2:first-child{color:#0000;-webkit-text-stroke:1px #377cf4}.logo h2:nth-child(2){color:#377cf4;animation:4s ease-in-out infinite animate}@keyframes animate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.nav-links{justify-content:space-between;align-items:center;width:100%;margin-top:10px;display:flex;gap:20px!important}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:all .2s}.nav-link.active,.nav-link:hover{color:var(--primary)}.nav-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}[data-theme=dark] .nav-actions{gap:18px}.nav-icon-link{color:var(--text-secondary);border-radius:8px;padding:8px;transition:all .2s;position:relative}.nav-icon-link:hover{color:var(--primary);background:#0066ff1a;transform:translateY(-1px)}.icon-wrapper{position:relative}.badge{background:var(--primary);color:#fff;border-radius:10px;padding:2px 5px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px}.account-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;text-transform:capitalize;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.account-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}[data-theme=dark] .account-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 12px #6366f14d}[data-theme=dark] .account-btn:hover{box-shadow:0 4px 12px #6366f180}.auth-buttons{gap:12px;display:flex}.primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.secondary-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.secondary-btn:hover{color:var(--primary);border-color:var(--primary);background:#6366f11a;transform:translateY(-1px)}[data-theme=dark] .auth-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}[data-theme=dark] .primary-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none}[data-theme=dark] .primary-btn:hover{box-shadow:0 4px 12px #6366f180}[data-theme=dark] .secondary-btn:hover{border-color:var(--primary);background:#6366f133}.auth-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.auth-btn:hover{color:var(--primary);background:#0066ff1a;transform:translateY(-1px)}[data-theme=dark] .auth-btn:hover{border-color:var(--primary);background:#6366f133}.theme-toggle,.mobile-menu-toggle,.lang-toggle{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:8px;padding:10px;transition:all .2s}.theme-toggle:hover,.mobile-menu-toggle:hover,.lang-toggle:hover{color:var(--primary);border-color:var(--primary);background:#0066ff1a}.lang-toggle{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.lang-toggle span{text-transform:uppercase;font-weight:700}.mobile-menu-toggle{display:none}[data-theme=dark] .mobile-menu-toggle{background:var(--primary);box-shadow:0 4px 20px #6366f166}[data-theme=dark] .mobile-menu-toggle:hover{background:var(--primary-dark)}@media (max-width:768px){.nav-links{-webkit-backdrop-filter:blur(20px);z-index:999;background:linear-gradient(135deg,#fffffffa,#f8fafcf2);flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100vh;padding:40px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-links.active{display:flex;transform:translate(0)}.nav-links.active .nav-link{color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;opacity:0;font-size:24px;font-weight:700;animation:.6s ease-out forwards slideInUp}.nav-links.active .nav-link:first-child{animation-delay:.1s}.nav-links.active .nav-link:nth-child(2){animation-delay:.2s}.nav-links.active .nav-link:nth-child(3){animation-delay:.3s}.nav-links.active .nav-link:nth-child(4){animation-delay:.4s}.nav-links.active .nav-link:nth-child(5){animation-delay:.5s}.nav-links.active .nav-link:hover{color:var(--primary);transform:scale(1.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-toggle{z-index:1000;background:var(--primary);color:#fff;border:none;display:block;position:fixed;top:20px;right:20px;box-shadow:0 4px 20px #0066ff4d}.mobile-menu-toggle:hover{background:var(--primary-dark);transform:scale(1.05)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-overlay{background:#000000b3}.modal-content{background:var(--bg-primary);border-radius:12px;width:90%;max-width:400px;animation:.3s ease-out modalSlideIn;box-shadow:0 20px 25px -5px #0000001a}[data-theme=dark] .modal-content{border:1px solid var(--border);box-shadow:0 20px 25px -5px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-body p{color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.modal-body strong{color:var(--primary);font-weight:600}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.wishlist-btn{border:1px solid var(--border);cursor:pointer;z-index:10;width:40px;height:40px;color:var(--text-secondary);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:16px;left:16px}[data-theme=dark] .wishlist-btn{background:var(--bg-tertiary)}.wishlist-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.1)}.wishlist-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.wishlist-btn.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.products-counter{background:var(--primary);color:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3b82f64d}.counter-number{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.product-image{background:var(--bg-secondary);border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.product-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-item:hover .product-img{transform:scale(1.05)}.product-icon-bg{background:var(--bg-secondary);width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.product-icon-bg svg{width:60px;height:60px}.product-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.product-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.product-card h3{color:var(--text-primary);margin:12px 0 8px;font-size:18px;font-weight:600}.product-desc{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:8px 0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-actions{gap:8px;margin-top:26px;display:flex}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.modal{z-index:9999!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#000c!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.modal-content.product-modal{background:var(--bg-primary)!important;border:1px solid var(--border)!important;border-radius:16px!important;width:90%!important;max-width:600px!important;max-height:90vh!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #00000080!important}.modal-content.product-modal h2{color:var(--text-primary)!important;margin:0!important;padding:24px 24px 16px!important;font-size:24px!important;font-weight:700!important}.product-details{padding:0 24px 24px!important}.detail-item{border-bottom:1px solid var(--border)!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;display:flex!important}.detail-label{color:var(--text-secondary)!important;font-size:14px!important;font-weight:600!important}.detail-value{color:var(--text-primary)!important;font-size:14px!important;font-weight:600!important}.detail-value.price-highlight{color:var(--primary)!important;font-size:18px!important;font-weight:700!important}.modal-actions{align-items:center;border-top:1px solid var(--border)!important;gap:20px!important;padding:24px!important;display:flex!important}.modal-actions .btn{cursor:pointer!important;text-align:center!important;border-radius:8px!important;flex:1!important;padding:12px 24px!important;font-weight:600!important;transition:all .3s!important}.modal-actions .btn-secondary{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}.modal-actions .btn-secondary:hover{background:var(--bg-tertiary)!important}.modal-actions .btn-primary{background:var(--primary)!important;color:#fff!important;border:none!important}.modal-actions .btn-primary:hover{background:var(--primary-dark)!important;transform:translateY(-2px)!important}.filters{z-index:1;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.product-img{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;display:block}.product-size-badge{height:35px;color:var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:2;background:#fff;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;right:12px}.product-content-section{padding:20px}.product-meta{margin-bottom:8px}.product-category{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.product-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.product-desc{color:var(--text-secondary);-webkit-line-clamp:2;-moz-line-clamp:2;display:-webkit-box;display:-moz-box;display:box;line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;overflow:hidden}.product-price{color:var(--text-primary);margin-bottom:16px;font-size:20px;font-weight:700}.product-actions{gap:8px;display:flex}.product-actions .btn{border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-actions .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.product-actions .btn-secondary:hover{background:var(--bg-tertiary)}.product-actions .btn-primary{background:var(--primary);color:#fff;border:none}.product-actions .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.filter-section{border-bottom:1px solid var(--border)}.filter-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--border)}.search-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);gap:12px;max-width:500px;margin:0 auto;padding:16px;display:flex}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:15px}.search-input::placeholder{color:var(--text-secondary)}.loading-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.loading-spinner{border:3px solid var(--primary);border-top:3px solid #0000;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}@media (max-width:768px){.products-grid{grid-template-columns:1fr;gap:16px;padding:16px}.filter-buttons{justify-content:center}.search-bar{flex-direction:column;gap:8px;max-width:100%}.search-input{padding:10px 12px}.filter-btn{flex:1;justify-content:center}}.product-list{max-width:1200px;margin:0 auto;padding:20px}.filters{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.search-input,.category-select{border:2px solid #e0e0e0;border-radius:8px;padding:10px 15px;font-size:16px;transition:border-color .3s}.search-input:focus,.category-select:focus{border-color:#007bff;outline:none}.search-input{flex:1;min-width:200px}.category-select{min-width:150px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:30px;display:grid}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.product-image{object-fit:cover;background:#f8f9fa;width:100%;height:200px}.product-info{padding:20px}.product-name{color:#333;margin:0 0 10px;font-size:18px;font-weight:600}.product-category{color:#666;text-transform:capitalize;margin:0 0 10px;font-size:14px}.product-size,.product-stock{color:#666;margin:5px 0;font-size:14px}.product-out-of-stock{color:#dc3545;margin:5px 0;font-size:14px;font-weight:600}.wishlist-btn,.order-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .3s}.wishlist-btn{color:#dc3545;background:#fff;border:2px solid #dc3545}.wishlist-btn:hover:not(:disabled){color:#fff;background:#dc3545}.order-btn{color:#fff;background:#007bff}.order-btn:hover:not(:disabled){background:#0056b3}.wishlist-btn:disabled,.order-btn:disabled{opacity:.6;cursor:not-allowed}.no-products,.loading{text-align:center;color:#666;padding:40px;font-size:18px}.error{text-align:center;color:#721c24;background:#f8d7da;border-radius:8px;margin:20px;padding:20px}.auth-container{background:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 30px #0000001a}.auth-card h2{text-align:center;color:#333;margin-bottom:30px;font-size:24px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#333;margin-bottom:8px;font-weight:500}.form-input{border:2px solid #e0e0e0;border-radius:8px;padding:12px 15px;font-size:16px;transition:border-color .3s}.form-input:focus{border-color:#007bff;outline:none}.auth-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:500;transition:background-color .3s}.auth-button:hover:not(:disabled){background:#0056b3}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:20px}.auth-toggle p{color:#666;margin-bottom:10px}.toggle-button{color:#007bff;cursor:pointer;background:0 0;border:none;margin-left:5px;padding:0;font-size:14px;text-decoration:underline}.error-message{color:#721c24;text-align:center;background:#f8d7da;border-radius:8px;margin-bottom:20px;padding:12px}.success-message{color:#155724;text-align:center;background:#d4edda;border-radius:8px;margin-bottom:20px;padding:12px}@media (max-width:768px){.product-list{padding:15px}.filters{flex-direction:column}.search-input,.category-select{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.auth-card{padding:30px 20px}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.wishlist-btn,.order-btn{width:100%}}.api-test-container{background:#f8f9fa;min-height:100vh}.test-nav{background:#fff;border-bottom:1px solid #e0e0e0;padding:20px;box-shadow:0 2px 10px #0000001a}.nav-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.nav-header h1{color:#333;margin:0;font-size:24px}.api-status{border-radius:20px;padding:8px 16px;font-weight:500}.api-status.online{color:#155724;background:#d4edda}.api-status.offline{color:#721c24;background:#f8d7da}.nav-buttons{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.nav-btn{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.nav-btn:hover:not(:disabled){color:#007bff;border-color:#007bff}.nav-btn.active{color:#fff;background:#007bff;border-color:#007bff}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.user-info{justify-content:flex-end;display:flex}.user-details{align-items:center;gap:15px;display:flex}.guest-user{color:#666;font-style:italic}.logout-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:background .3s}.logout-btn:hover{background:#c82333}.test-content{max-width:1200px;margin:0 auto;padding:20px}.test-section{background:#fff;border-radius:12px;margin-bottom:20px;padding:30px;box-shadow:0 2px 10px #0000001a}.test-section h2{color:#333;margin-top:0;margin-bottom:20px}.test-section button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;margin-bottom:20px;padding:12px 24px;font-size:16px;font-weight:500;transition:background .3s}.test-section button:hover:not(:disabled){background:#0056b3}.test-section button:disabled{opacity:.6;cursor:not-allowed}.orders-list{gap:20px;display:grid}.order-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.order-card h3{color:#007bff;margin-top:0}.order-card p{color:#333;margin:8px 0}.wishlist-list{gap:15px;display:grid}.wishlist-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:15px;display:flex}.wishlist-item p{color:#333;margin:0}.wishlist-item button{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;margin:0;padding:8px 16px;font-size:14px}.wishlist-item button:hover{background:#c82333}.contact-form{flex-direction:column;gap:15px;max-width:500px;display:flex}.contact-form input,.contact-form textarea{border:2px solid #e0e0e0;border-radius:8px;padding:12px 15px;font-size:16px;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#007bff;outline:none}@media (max-width:768px){.test-nav{padding:15px}.nav-header{text-align:center;flex-direction:column;gap:10px}.nav-buttons{justify-content:center}.nav-btn{padding:8px 16px;font-size:12px}.test-content{padding:15px}.test-section{padding:20px}.wishlist-item{flex-direction:column;align-items:flex-start;gap:10px}.wishlist-item button{align-self:flex-end}}@media (max-width:480px){.nav-header h1{font-size:20px}.nav-buttons{gap:5px}.nav-btn{padding:6px 12px;font-size:11px}.test-section{padding:15px}.contact-form{max-width:100%}}.navbar{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0;left:0;box-shadow:0 1px 3px #00000005}.navbar.scrolled{background:#fffffff2;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .navbar{background:#000000d9;border-bottom:1px solid #ffffff0f}[data-theme=dark] .navbar.scrolled{background:#000000f2}.nav-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 0;display:flex}.logo{color:var(--text-primary);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:6px 12px;font-size:19px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.logo:hover{background:var(--bg-secondary);transform:translateY(-1px)}.logo-icon{justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:relative}.logo-icon svg{filter:drop-shadow(0 2px 4px #0066ff26);width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.logo:hover .logo-icon svg{filter:drop-shadow(0 4px 8px #0066ff40);transform:rotate(360deg)scale(1.05)}.logo-text{letter-spacing:-.02em}.menu-toggle{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px;transition:background .2s;display:none}.menu-toggle:hover{background:var(--bg-secondary)}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 14px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-links a:not(.nav-icon-link):before{content:"";background:var(--primary);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.nav-links a:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-links a:not(.nav-icon-link):hover:before{width:60%}.nav-links a.active{color:var(--primary);background:#0066ff14;font-weight:600}[data-theme=dark] .nav-links a.active{background:#3385ff1f}.nav-links a:not(.nav-icon-link).active:before{width:60%}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin-left:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle svg{stroke-width:2px;width:18px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary);transform:rotate(180deg)scale(1.05)}.theme-toggle:hover svg{color:var(--primary)}.cart-link{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;padding:12px!important}.cart-link:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cart-link:hover:before{width:200%;height:10%}.cart-link:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.05)rotate(5deg);box-shadow:0 8px 24px #0066ff4d}.cart-link:active{transform:scale(.95)rotate(0)}.badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) scaleIn;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #06f6}.cart-link:hover .badge{color:var(--primary);background:#fff;animation:.6s ease-in-out bounce}.hero{align-items:center;min-height:90vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#0066ff14 0%,#0000 70%);width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#0066ff0d 0%,#0000 70%);width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-20%}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.hero .container{z-index:1;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) .2s backwards fadeInUp;display:inline-flex}.hero-badge:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;animation:.8s cubic-bezier(.4,0,.2,1) .3s backwards fadeInUp}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6;animation:.8s cubic-bezier(.4,0,.2,1) .4s backwards fadeInUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;animation:.8s cubic-bezier(.4,0,.2,1) .5s backwards fadeInUp;display:flex}.hero-stats{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:48px;margin-top:80px;padding-top:48px;animation:.8s cubic-bezier(.4,0,.2,1) .6s backwards fadeInUp;display:grid}.stat-item{text-align:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{transform:translateY(-4px)}.stat-number{color:var(--primary);margin-bottom:8px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}section{padding:120px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 80px}.section-header h2{margin-bottom:16px}.section-header p{color:var(--text-secondary);font-size:18px}.products-grid-modern{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.product-card-modern{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.product-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.product-image-modern{aspect-ratio:1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}[data-theme=dark] .product-image-modern{background:linear-gradient(135deg,#0a1929 0%,#0d2137 100%)}.product-image-modern:before{content:"";background:radial-gradient(circle,#0066ff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-icon-large{z-index:1;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.product-card-modern:hover .product-icon-large{transform:scale(1.1)rotate(5deg)}.product-badge{color:var(--primary);box-shadow:var(--shadow-md);z-index:2;background:#fff;border-radius:50px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:16px;right:16px}[data-theme=dark] .product-badge{background:var(--bg-tertiary)}.product-info-modern{padding:24px}.product-info-modern h3{margin-bottom:8px;font-size:20px}.product-info-modern p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price-modern{color:var(--text-primary);font-size:24px;font-weight:700}.btn-add-cart{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-add-cart:hover{transform:scale(1.1)rotate(90deg);box-shadow:0 8px 24px #0066ff4d}.features-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.feature-card-modern{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.feature-icon-modern{background:var(--bg-secondary);border-radius:var(--radius);width:64px;height:64px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.feature-card-modern:hover .feature-icon-modern{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-card-modern h3{margin-bottom:12px;font-size:18px}.feature-card-modern p{color:var(--text-secondary);font-size:15px;line-height:1.6}.cta-section{background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;margin:80px 0;padding:80px 40px;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#0066ff0d 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}.cta-content{z-index:1;position:relative}.cta-content h2{margin-bottom:16px}.cta-content p{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:120px;padding:80px 0 32px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;margin-bottom:48px;display:grid}.footer-section h3,.footer-section h4{margin-bottom:16px;font-size:16px;font-weight:600}.footer-section p,.footer-section a{color:var(--text-secondary);margin-bottom:8px;font-size:14px;transition:color .2s;display:block}.footer-section a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text-tertiary);padding-top:32px;font-size:14px}.products-page{min-height:80vh;padding-top:40px}.products-page h1{text-align:center;margin-bottom:48px}.search-bar{max-width:600px;margin:0 auto 40px}.search-bar input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:16px 24px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0066ff1a}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:64px;display:flex}.filter-buttons button{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:12px 24px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-buttons button:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.filter-buttons button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;display:grid}.product-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.product-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.product-image{aspect-ratio:1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);justify-content:center;align-items:center;display:flex;position:relative}[data-theme=dark] .product-image{background:linear-gradient(135deg,#0a1929 0%,#0d2137 100%)}.product-icon-bg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.product-item:hover .product-icon-bg{transform:scale(1.1)rotate(5deg)}.product-size-badge{color:var(--primary);box-shadow:var(--shadow-md);background:#fff;border-radius:50px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:16px;right:16px}[data-theme=dark] .product-size-badge{background:var(--bg-tertiary)}.product-item h3{padding:24px 24px 8px;font-size:20px}.product-desc{color:var(--text-secondary);margin-bottom:16px;padding:0 24px;font-size:14px;line-height:1.6}.product-price{color:var(--text-primary);padding:0 24px 16px;font-size:24px;font-weight:700}.product-actions{gap:8px;padding:0 24px 24px;display:flex}.product-actions .btn{flex:1;padding:12px;font-size:14px}.no-results{text-align:center;grid-column:1/-1;padding:80px 20px}.no-results svg{stroke:var(--text-tertiary);opacity:.5;margin-bottom:24px}.no-results p{color:var(--text-secondary);font-size:18px}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:600px;max-height:90vh;padding:40px;animation:.4s cubic-bezier(.4,0,.2,1) scaleIn;position:relative;overflow-y:auto}.modal-close{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{background:var(--bg-tertiary);transform:rotate(90deg)}.modal-image{text-align:center;margin-bottom:32px}.product-modal h2{margin-bottom:24px}.product-details{background:var(--bg-secondary);border-radius:var(--radius);margin:24px 0;padding:24px}.detail-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px}.detail-value{font-size:14px;font-weight:600}.price-highlight{color:var(--primary);font-size:18px}.modal-description{color:var(--text-secondary);margin:24px 0;line-height:1.8}.modal-features{background:var(--bg-secondary);border-radius:var(--radius);margin:24px 0;padding:24px}.modal-features h4{margin-bottom:16px;font-size:16px}.modal-features ul{list-style:none}.modal-features li{color:var(--text-secondary);padding:8px 0;font-size:14px}.cart-page{min-height:70vh;padding:40px 0 120px}.cart-page h1{margin-bottom:48px;font-size:40px;font-weight:700}.empty-cart{text-align:center;padding:80px 20px}.empty-cart svg{stroke:var(--text-tertiary);opacity:.5;margin-bottom:24px}.empty-cart p{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.cart-items{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:24px}.cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-info h3{margin-bottom:8px;font-size:18px}.cart-item-price{color:var(--text-secondary);font-size:14px}.cart-item-actions{align-items:center;gap:24px;display:flex}.quantity-controls{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:16px;padding:8px 16px;display:flex}.quantity-controls button{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:600;transition:all .2s;display:flex}.quantity-controls button:hover{background:var(--bg-tertiary)}.quantity-controls span{text-align:center;min-width:40px;font-size:16px;font-weight:600}.cart-item-total{text-align:right;min-width:150px;font-size:20px;font-weight:700}.btn-remove{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-remove:hover{color:red;background:#fee;border-color:red;transform:scale(1.05)}[data-theme=dark] .btn-remove:hover{background:#ef44441a}.cart-summary{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;margin-left:auto;padding:32px}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:24px;padding-bottom:24px;font-size:20px;display:flex}.summary-row strong{font-weight:700}.checkout-modal form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.checkout-modal input,.checkout-modal select,.checkout-modal textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.checkout-modal input:focus,.checkout-modal select:focus,.checkout-modal textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0066ff1a}.orders-page{min-height:70vh;padding:40px 0 120px}.orders-page h1{margin-bottom:48px;font-size:40px;font-weight:600}.empty-orders{text-align:center;padding:80px 20px}.empty-orders svg{stroke:var(--text-tertiary);opacity:.5;margin-bottom:24px}.empty-orders p{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.orders-list{flex-direction:column;gap:32px;display:flex}.order-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary)}.order-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.order-id{align-items:baseline;gap:8px;display:flex}.order-status{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.order-progress{margin:32px 0}.progress-bar{background:var(--bg-secondary);border-radius:50px;height:4px;margin-bottom:32px;overflow:hidden}.progress-fill{border-radius:50px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-steps{justify-content:space-between;gap:16px;display:flex}.step{text-align:center;opacity:.3;flex:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.step.active{opacity:1}.step-icon{background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.step.active .step-icon{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}.step-label{color:var(--text-secondary);font-size:13px;font-weight:500}.step.active .step-label{color:var(--text-primary);font-weight:600}.order-details{grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;display:grid}.order-items h4,.order-info h4{margin-bottom:16px;font-size:16px}.order-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.order-item:last-child{border-bottom:none}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.info-row:last-child{border-bottom:none}.info-row.total{border-top:2px solid var(--border);color:var(--primary);margin-top:16px;padding-top:16px;font-size:18px;font-weight:700}.delivery-info{border:1px solid var(--primary);border-radius:var(--radius);background:linear-gradient(135deg,#0066ff0d,#0066ff1a);align-items:center;gap:24px;margin-top:32px;padding:24px;display:flex}.delivery-icon{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:2s cubic-bezier(.4,0,.2,1) infinite pulse;display:flex}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #0066ffb3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #06f0}}.delivery-text strong{color:var(--primary);margin-bottom:4px;font-size:16px;display:block}.delivery-text p{color:var(--text-secondary);font-size:14px}.order-date{text-align:right;color:var(--text-tertiary);margin-top:24px;font-size:13px}.about-intro{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);max-width:800px;margin:0 auto 80px;padding:48px 32px}.about-intro h2{margin-bottom:16px}.about-features,.about-process,.about-stats{margin:80px 0}.about-features h2,.about-process h2,.about-stats h2{text-align:center;margin-bottom:48px}.feature-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.feature-icon{margin-bottom:16px;font-size:48px;display:block}.process-steps{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.process-step{text-align:center;flex:1;min-width:150px}.step-number{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.process-step p{color:var(--text-secondary);font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;display:grid}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card .stat-number{color:var(--primary);margin-bottom:8px;font-size:48px;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);font-size:14px}.contact-info h2{margin-bottom:32px}.contact-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);gap:20px;margin-bottom:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.contact-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.contact-icon{background:var(--bg-secondary);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex}.contact-item h3{margin-bottom:8px;font-size:16px}.contact-item p{color:var(--text-secondary);margin:4px 0;font-size:14px}.contact-form{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:40px}.contact-form h2{margin-bottom:24px}.contact-form form{flex-direction:column;gap:16px;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0066ff1a}.contact-form textarea{resize:vertical;min-height:120px}.map-container{margin-top:80px}.map-container h2{text-align:center;margin-bottom:32px}.map-container iframe{border-radius:var(--radius);border:1px solid var(--border)}@media (max-width:1024px){.order-details{grid-template-columns:1fr}}@media (max-width:768px){.menu-toggle{display:block}.nav-links{background:var(--bg-primary);box-shadow:var(--shadow-lg);border-top:1px solid var(--border);flex-direction:column;padding:16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.active{display:flex}.nav-icon-link{justify-content:flex-start;width:100%}.icon-label{display:inline}.hero{min-height:70vh;padding:80px 0 60px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:32px}.cart-item{flex-direction:column;align-items:flex-start;gap:16px}.cart-item-actions{flex-wrap:wrap;width:100%}.cart-summary{max-width:100%}.progress-steps{flex-wrap:wrap}.step{min-width:80px}.step-icon{width:40px;height:40px;font-size:16px}.step-label{font-size:11px}.contact-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.products-grid-modern,.products-grid{grid-template-columns:1fr}.modal-content{padding:24px}}.promotions-section{background:var(--bg-secondary);margin:80px 0;padding:120px 0}.promo-grid-modern{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.promo-card-modern{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.promo-card-modern:before{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-light));height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.promo-card-modern:hover:before{transform:scaleX(1)}.promo-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.promo-badge-modern{background:var(--primary);color:#fff;border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:18px;font-weight:700;display:inline-block}.promo-card-modern h3{margin-bottom:16px;font-size:20px;line-height:1.4}.promo-valid{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.promo-link{color:var(--primary);align-items:center;gap:8px;font-size:15px;font-weight:600;transition:gap .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.promo-link:hover{gap:12px}.section-cta{text-align:center;margin-top:64px}.about-page{padding:40px 0 120px}.about-hero{text-align:center;max-width:800px;margin:0 auto;padding:80px 0 60px}.about-hero h1{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem)}.about-subtitle{color:var(--text-secondary);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500}.about-intro{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:900px;margin:80px auto;padding:60px;position:relative;overflow:hidden}.about-intro:before{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-light));width:100%;height:4px;position:absolute;top:0;left:0}.intro-content h2{margin-bottom:24px;font-size:2rem}.intro-content p{color:var(--text-secondary);margin-bottom:20px;font-size:1.125rem;line-height:1.8}.intro-content p:last-child{margin-bottom:0}.about-stats{text-align:center;padding:100px 0}.about-stats h2{margin-bottom:64px;font-size:2.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:1000px;margin:0 auto;display:grid}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:48px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-light));height:3px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.stat-card .stat-number{color:var(--primary);margin-bottom:12px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.stat-card .stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500}.about-features{padding:100px 0}.about-features h2{text-align:center;margin-bottom:64px;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.feature-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.feature-card:after{content:"";border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}.feature-card:hover:after{opacity:1}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-icon{background:var(--bg-secondary);border-radius:var(--radius);width:80px;height:80px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.feature-card:hover .feature-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg)}.feature-card h3{margin-bottom:16px;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.about-process{background:var(--bg-secondary);border-radius:var(--radius-lg);margin:80px 0;padding:100px 0}.about-process h2{text-align:center;margin-bottom:16px;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:64px;font-size:1.125rem}.process-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.process-step{text-align:center;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.process-step:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.step-number{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:28px;font-weight:700;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.process-step:hover .step-number{transform:scale(1.1)rotate(360deg)}.process-step h3{margin-bottom:12px;font-size:1.125rem}.process-step p{color:var(--text-secondary);font-size:14px;line-height:1.6}.about-values{padding:100px 0}.about-values h2{text-align:center;margin-bottom:64px;font-size:2.5rem}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;display:grid}.value-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:48px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.value-card:before{content:"";opacity:0;background:radial-gradient(circle,#0066ff0d 0%,#0000 70%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.value-card:hover:before{opacity:1}.value-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.value-icon{margin-bottom:24px;font-size:4rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}.value-card:hover .value-icon{transform:scale(1.2)rotate(10deg)}.value-card h3{margin-bottom:16px;font-size:1.5rem}.value-card p{color:var(--text-secondary);font-size:15px;line-height:1.6}.about-cta{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);margin:80px 0;padding:80px 40px}.about-cta h2{margin-bottom:16px;font-size:2.5rem}.about-cta p{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:768px){.about-intro{padding:40px 24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.process-steps,.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.contact-page{padding:20px 0 0}.contact-hero{text-align:center;max-width:800px;margin:0 auto;padding:60px 0 40px}.contact-hero h1{margin-bottom:24px;font-size:clamp(1.5rem,3vw,3rem)}.contact-hero p{color:var(--text-secondary);font-size:1.25rem}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;margin:60px 0;display:grid}.contact-info-section h2,.contact-form-section h2{margin-bottom:32px;font-size:2rem}.contact-cards{flex-direction:column;gap:24px;display:flex}.contact-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);gap:24px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(180deg,var(--primary),var(--primary-light));width:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.contact-card:hover:before{transform:scaleY(1)}.contact-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translate(8px)}.contact-icon{background:var(--bg-secondary);border-radius:var(--radius);width:64px;height:64px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.contact-card:hover .contact-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg)}.contact-details h3{margin-bottom:12px;font-size:1.125rem}.contact-details p{color:var(--text-secondary);margin:4px 0;font-size:15px}.contact-form-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:48px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 4px #0066ff1a}.form-group textarea{resize:vertical;min-height:120px}.map-section{text-align:center;margin:80px 0 60px}.map-section h2{margin-bottom:32px;font-size:2rem}.map-container{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.map-container iframe{width:100%;display:block}.contact-faq{margin:60px 0 40px}.contact-faq h2{text-align:center;margin-bottom:40px;font-size:2rem}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.faq-item{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.faq-item h3{color:var(--primary);margin-bottom:12px;font-size:1.125rem}.faq-item p{color:var(--text-secondary);font-size:15px;line-height:1.6}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:48px}}@media (max-width:768px){.contact-form-section{padding:32px 24px}.contact-card{text-align:center;flex-direction:column}.contact-icon{margin:0 auto}.faq-grid{grid-template-columns:1fr}}.hero-professional{background:var(--bg-primary);align-items:center;min-height:90vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-professional:before{content:"";background:radial-gradient(circle,#0066ff14 0%,#0000 70%);width:800px;height:800px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-10%}.hero-professional:after{content:"";background:radial-gradient(circle,#0066ff0d 0%,#0000 70%);width:600px;height:600px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.hero-content-professional{z-index:1;max-width:800px;position:relative}.hero-badge-professional{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.hero-badge-professional:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.hero-badge-professional svg{color:var(--primary)}.hero-title-professional{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.15}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description-professional{color:var(--text-secondary);max-width:600px;margin-bottom:32px;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.hero-actions-professional{flex-wrap:wrap;gap:12px;display:flex}.hero-actions-professional .btn{padding:14px 24px;font-size:15px}.stats-professional{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 0}.stats-grid-professional{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;display:grid}.stat-item-professional{text-align:center;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border);padding:32px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item-professional:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.stat-icon-professional{background:var(--bg-secondary);border-radius:var(--radius-sm);width:56px;height:56px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-item-professional:hover .stat-icon-professional{background:var(--primary);color:#fff;transform:scale(1.05)}.stat-number-professional{color:var(--text-primary);margin-bottom:8px;font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.stat-label-professional{color:var(--text-secondary);font-size:14px;font-weight:500}.section-header-professional{text-align:center;max-width:800px;margin:0 auto 64px}.section-header-professional h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.section-header-professional p{color:var(--text-secondary);font-size:1.125rem}.services-professional{background:var(--bg-secondary);padding-top:100px;padding-bottom:120px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.service-card-professional{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px 32px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.service-card-professional:before{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-light));height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card-professional:hover:before{transform:scaleX(1)}.service-card-professional:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.service-icon-professional{background:var(--bg-secondary);border-radius:var(--radius);width:80px;height:80px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.service-card-professional:hover .service-icon-professional{background:var(--primary);color:#fff;transform:scale(1.1)rotate(5deg)}.service-card-professional h3{margin-bottom:12px;font-size:1.25rem}.service-card-professional p{color:var(--text-secondary);font-size:15px;line-height:1.6}.products-section-professional{padding-top:200px;padding-bottom:230px}.products-grid-professional{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;display:grid}.product-card-professional{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.product-card-professional:hover{box-shadow:var(--shadow-xl);border-color:var(--primary);transform:translateY(-8px)}.product-image-professional{aspect-ratio:16/9;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);justify-content:center;align-items:center;display:flex;position:relative}[data-theme=dark] .product-image-professional{background:linear-gradient(135deg,#0a1929 0%,#0d2137 100%)}.product-badge-professional{background:var(--primary);color:#fff;border-radius:50px;padding:6px 16px;font-size:14px;font-weight:700;position:absolute;top:16px;left:16px}.product-certification{color:var(--text-secondary);background:#fffffff2;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;bottom:16px;right:16px}[data-theme=dark] .product-certification{background:#0f172af2}.product-info-professional{padding:32px}.product-info-professional h3{margin-bottom:12px;font-size:1.5rem}.product-info-professional>p{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.product-features{margin:20px 0;padding:0;list-style:none}.product-features li{color:var(--text-secondary);align-items:center;gap:8px;padding:8px 0;font-size:14px;display:flex}.product-features li svg{color:var(--primary);flex-shrink:0}.product-footer-professional{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.product-price-professional{color:var(--text-primary);font-size:1.75rem;font-weight:700}.section-cta-professional{text-align:center;margin-top:64px}.clients-professional{background:var(--bg-secondary);padding:100px 0}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:48px;display:grid}.client-logo{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;min-height:120px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.client-logo:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.client-placeholder{color:var(--text-secondary);text-align:center;font-size:14px;font-weight:600}.certifications-professional{padding:100px 0}.certifications-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.certification-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:32px 24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.certification-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.certification-icon{background:var(--bg-secondary);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.certification-card:hover .certification-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(360deg)}.certification-card h4{color:var(--primary);margin-bottom:8px;font-size:1.125rem}.certification-card p{color:var(--text-secondary);font-size:13px}.cta-professional{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a0e27 0%,#1a1f3a 100%);margin:80px 0;padding:100px 0;position:relative;overflow:hidden}.cta-professional:before{content:"";background:radial-gradient(circle,#0066ff26 0%,#0000 70%);width:600px;height:600px;animation:15s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.cta-content-professional{text-align:center;z-index:1;position:relative}.cta-content-professional h2{color:#fff;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem)}.cta-content-professional p{color:#ffffffd9;margin-bottom:40px;font-size:1.25rem}.cta-buttons-professional{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (max-width:1024px){.products-grid-professional{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.hero-professional{min-height:70vh}.stats-grid-professional{grid-template-columns:repeat(2,1fr);gap:24px}.services-grid,.products-grid-professional{grid-template-columns:1fr}.clients-grid,.certifications-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons-professional{flex-direction:column}.cta-buttons-professional .btn{width:100%}}.about-page-pro{padding-top:64px}.about-hero-pro{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#fafafa 0%,#fff 100%);padding:60px 0}[data-theme=dark] .about-hero-pro{background:linear-gradient(135deg,#0a0a0a 0%,#000 100%)}.about-hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;display:grid}.about-badge{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.about-hero-content h1{margin-bottom:16px;font-size:clamp(32px,5vw,48px);line-height:1.1}.about-hero-desc{color:var(--text-secondary);max-width:560px;margin-bottom:24px;font-size:16px;line-height:1.6}.about-hero-actions{gap:12px;display:flex}.about-visual-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);padding:32px 24px}.visual-icon{background:var(--bg-secondary);border-radius:var(--radius);width:80px;height:80px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.about-visual-card h3{margin-bottom:6px;font-size:20px}.about-visual-card p{color:var(--text-secondary);margin:0;font-size:14px}.about-stats-pro{background:var(--bg-primary);padding:60px 0}.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.stat-card-compact{text-align:center;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);padding:24px 16px;transition:all .3s}.stat-card-compact:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-2px)}.stat-number-compact{color:var(--primary);margin-bottom:4px;font-size:clamp(32px,4vw,44px);font-weight:700;line-height:1}.stat-label-compact{color:var(--text-secondary);font-size:13px;font-weight:500}.section-header-compact{text-align:center;max-width:600px;margin:0 auto 40px}.section-header-compact h2{margin-bottom:8px;font-size:clamp(24px,4vw,36px)}.section-header-compact p{color:var(--text-secondary);font-size:15px}.about-features-pro{background:var(--bg-secondary);padding-top:80px;padding-bottom:200px}.features-grid-compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.feature-card-compact{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px 10px;transition:all .3s}.feature-card-compact:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-2px)}.feature-icon-compact{background:var(--bg-secondary);border-radius:var(--radius);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 12px;transition:all .3s;display:flex}.feature-card-compact:hover .feature-icon-compact{background:var(--primary);color:#fff;transform:scale(1.05)}.feature-card-compact h3{margin-bottom:6px;font-size:16px}.feature-card-compact p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.about-process-pro{background:var(--bg-primary);padding:60px 0}.process-timeline{flex-direction:column;gap:16px;max-width:700px;margin:0 auto;display:flex}.process-step-compact{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);gap:16px;padding:20px;transition:all .3s;display:flex}.process-step-compact:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translate(4px)}.step-number-compact{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.step-content h4{margin-bottom:4px;font-size:16px}.step-content p{color:var(--text-secondary);margin:0;font-size:13px}.about-values-pro{padding-top:200px;padding-bottom:15x 0px;background:var(--bg-secondary)}.values-grid-compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.value-card-compact{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:28px 20px;transition:all .3s}.value-card-compact:hover{box-shadow:var(--shadow);border-color:var(--primary);transform:translateY(-2px)}.value-icon-compact{margin-bottom:12px;font-size:40px;transition:transform .3s;display:inline-block}.value-card-compact:hover .value-icon-compact{transform:scale(1.1)}.value-card-compact h3{margin-bottom:6px;font-size:16px}.value-card-compact p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.about-cta-pro{background:var(--bg-primary);padding:60px 0}.cta-content-compact{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);max-width:600px;margin:0 auto;padding:48px 32px}.cta-content-compact h2{margin-bottom:8px;font-size:clamp(24px,4vw,36px)}.cta-content-compact p{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.cta-buttons-compact{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:768px){.about-hero-grid{grid-template-columns:1fr;gap:32px}.about-hero-visual{order:-1}.stats-grid-compact{grid-template-columns:repeat(2,1fr);gap:16px}.features-grid-compact,.values-grid-compact{grid-template-columns:1fr}.process-step-compact{text-align:center;flex-direction:column}.step-number-compact{margin:0 auto}.cta-buttons-compact{flex-direction:column}.cta-buttons-compact .btn{width:100%}}.nav-icon-link{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);flex-direction:row;align-items:center;gap:6px;min-width:auto;margin-left:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;padding:8px 12px!important}.icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.icon-wrapper svg{width:18px;height:18px}.icon-label{color:var(--text-secondary);white-space:nowrap;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-icon-link:hover{border-color:var(--primary);background:var(--bg-tertiary);transform:translateY(-1px)}.nav-icon-link:hover .icon-wrapper{transform:scale(1.05)}.nav-icon-link:hover .icon-label{color:var(--text-primary)}.nav-icon-link:hover .icon-wrapper svg{color:var(--primary)}.nav-icon-link.active{background:var(--primary);border-color:var(--primary)}.nav-icon-link.active .icon-label,.nav-icon-link.active .icon-wrapper svg{color:#fff}.nav-icon-link .badge{border:1.5px solid var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;animation:.3s cubic-bezier(.4,0,.2,1) scaleIn;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000026}.badge-wishlist{color:#fff;background:#ec4899}.badge-cart{color:#fff;background:#10b981}.nav-icon-link:hover .badge{transform:scale(1.05)}.wishlist-link:hover .icon-wrapper svg{color:#db2777}.wishlist-link.active .icon-wrapper svg{color:#fff}.cart-link .icon-wrapper svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-link:hover .icon-wrapper svg{color:#059669}.cart-link.active .icon-wrapper svg{color:#fff}.nav-icon-link:hover .badge{animation:.6s ease-in-out bounce;transform:scale(1.05)}.nav-icon-link.active .badge{border-color:#fff}.wishlist-link .icon-wrapper svg{color:#ec4899;transition:all .3s cubic-bezier(.4,0,.2,1)}.wishlist-link:hover .icon-wrapper svg,.wishlist-link.active .icon-wrapper svg{color:red}.wishlist-link:has(.badge) .icon-wrapper{animation:2s ease-in-out infinite heartbeat}.cart-link .icon-wrapper svg{color:#10b981;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-link:hover .icon-wrapper svg,.cart-link.active .icon-wrapper svg{color:#10b981}.cart-link:has(.badge) .icon-wrapper{animation:3s ease-in-out infinite cartShake}@keyframes cartShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.05)}20%{transform:scale(1)}30%{transform:scale(1.05)}40%{transform:scale(1)}}.wishlist-link{margin-right:8px;position:relative}.wishlist-link:after{content:"";opacity:0;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.wishlist-link:hover{border-color:var(--primary);color:var(--primary);background:#fee;transform:scale(1.05)}.wishlist-link:hover:after{opacity:.5;transform:translate(-50%,-50%)scale(1.3)}.wishlist-link:active{transform:scale(.9)}.wishlist-link:has(.badge){animation:2s ease-in-out infinite heartbeat}[data-theme=dark] .wishlist-link:hover{background:#ef44441a}.magnetic-element{transition:transform .3s cubic-bezier(.4,0,.2,1)}.magnetic-element:hover{transform:scale(1.05)}.tilt-card{transform-style:preserve-3d;transition:transform .3s}.tilt-card:hover{transform:perspective(1000px)rotateX(2deg)rotateY(2deg)}.glow-on-hover{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.glow-on-hover:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0066ff4d 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glow-on-hover:hover:after{width:200%;height:200%}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake-on-hover:hover{animation:.5s ease-in-out shake}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounce-in{animation:.6s cubic-bezier(.4,0,.2,1) bounce-in}.slide-in-left{animation:.6s cubic-bezier(.4,0,.2,1) slideInLeft}.slide-in-right{animation:.6s cubic-bezier(.4,0,.2,1) slideInRight}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0066ffb3}50%{box-shadow:0 0 0 10px #06f0}}.pulse-glow{animation:2s infinite pulse-glow}.rotate-on-hover{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rotate-on-hover:hover{transform:rotate(5deg)}.scale-on-click:active{transition:transform .1s;transform:scale(.95)}@keyframes gradient-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-border{background:var(--bg-primary);border-radius:var(--radius);position:relative}.gradient-border:before{content:"";background:linear-gradient(45deg,var(--primary),var(--primary-light),var(--primary));border-radius:var(--radius);z-index:-1;background-size:200% 200%;animation:3s infinite gradient-border;position:absolute;inset:-2px}.shimmer{background:linear-gradient(90deg,var(--bg-primary)0%,var(--bg-secondary)50%,var(--bg-primary)100%);background-size:1000px 100%;animation:2s infinite shimmer}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:3s ease-in-out infinite floating}.cursor-follow{position:relative;overflow:hidden}.cursor-follow:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#06f3 0%,#0000 70%);border-radius:50%;width:100px;height:100px;transition:opacity .3s;position:absolute}.cursor-follow:hover:before{opacity:1}.btn-interactive{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-interactive:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-interactive:hover:before{width:300px;height:300px}.btn-interactive:active{transform:scale(.95)}.parallax-element{transition:transform .3s ease-out}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:.6s cubic-bezier(.4,0,.2,1) reveal}.stagger-item{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards reveal}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-header-professional{text-align:center;max-width:800px;margin:0 auto;padding:60px 0 40px}.page-header-professional h1{margin-bottom:15px;font-size:clamp(2.5rem,5vw,3.5rem)}.page-header-professional p{color:var(--text-secondary);font-size:1.125rem}.empty-state-professional{text-align:center;max-width:600px;margin:0 auto;padding:80px 20px}.empty-icon{opacity:.3;margin-bottom:32px}.empty-state-professional h2{margin-bottom:12px;font-size:1.75rem}.empty-state-professional p{color:var(--text-secondary);margin-bottom:32px;font-size:1.125rem}.cart-page-professional{min-height:70vh;padding:40px 0 120px}.cart-layout-professional{grid-template-columns:1fr 400px;gap:48px;margin-top:48px;display:grid}.cart-items-professional{flex-direction:column;gap:24px;display:flex}.cart-item-professional{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);gap:24px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.cart-item-professional:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.cart-item-image{background:var(--bg-secondary);border-radius:var(--radius);width:80px;height:80px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.cart-item-details{flex:1}.cart-item-details h3{margin-bottom:8px;font-size:1.125rem}.cart-item-price-unit{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.cart-item-badge{background:var(--bg-secondary);color:var(--text-secondary);border-radius:50px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.cart-item-controls{align-items:center;gap:24px;display:flex}.quantity-controls-professional{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 16px;display:flex}.quantity-controls-professional button{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.quantity-controls-professional button:hover{background:var(--bg-tertiary);color:var(--primary)}.quantity-display{text-align:center;min-width:40px;font-size:16px;font-weight:600}.cart-item-total-price{text-align:right;min-width:150px;font-size:1.25rem;font-weight:700}.btn-remove-professional{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-remove-professional:hover{color:#ef4444;background:#fee;border-color:#ef4444;transform:scale(1.05)}[data-theme=dark] .btn-remove-professional:hover{background:#ef44441a}.cart-summary-professional{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:sticky;top:100px}.cart-summary-professional h3{margin-bottom:24px;font-size:1.25rem}.summary-details{margin-bottom:24px}.summary-row{justify-content:space-between;padding:12px 0;font-size:15px;display:flex}.summary-divider{background:var(--border);height:1px;margin:16px 0}.summary-total{border-top:2px solid var(--border);padding-top:16px;font-size:1.25rem}.summary-total strong{color:var(--primary)}.text-success{color:#10b981}.trust-badges{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;display:flex}.trust-badge{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.trust-badge svg{color:var(--primary)}.modal-professional{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex;position:fixed;inset:0}.modal-content-professional{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:600px;max-height:90vh;padding:48px;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close-professional{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:24px}.modal-close-professional:hover{background:var(--bg-tertiary);transform:rotate(90deg)}.modal-header-professional{margin-bottom:32px}.modal-header-professional h2{margin-bottom:8px;font-size:2rem}.modal-header-professional p{color:var(--text-secondary);font-size:1rem}.checkout-form-professional{flex-direction:column;gap:24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group-professional{flex-direction:column;gap:8px;display:flex}.form-group-professional label{color:var(--text-primary);font-size:14px;font-weight:600}.form-group-professional input,.form-group-professional select,.form-group-professional textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group-professional input:focus,.form-group-professional select:focus,.form-group-professional textarea:focus{border-color:var(--primary);background:var(--bg-primary);outline:none;box-shadow:0 0 0 4px #0066ff1a}.form-group-professional textarea{resize:vertical}.checkout-summary{background:var(--bg-secondary);border-radius:var(--radius);margin:8px 0;padding:20px}.checkout-total{justify-content:space-between;align-items:center;font-size:1.25rem;display:flex}.checkout-total strong{color:var(--primary);font-size:1.5rem}.orders-page-professional{min-height:70vh;padding:40px 0 120px}.orders-list-professional{flex-direction:column;gap:32px;margin-top:48px;display:flex}.order-card-professional{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-card-professional:hover{box-shadow:var(--shadow-lg);border-color:var(--primary)}.order-header-professional{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.order-id-section{align-items:baseline;gap:8px;display:flex}.order-label{color:var(--text-secondary);font-size:14px}.order-number{font-size:1.5rem;font-weight:700}.order-status-professional{border-radius:var(--radius-sm);background:#0000000d;align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:600;display:flex}[data-theme=dark] .order-status-professional{background:#ffffff0d}.status-icon-professional{align-items:center;display:flex}.order-progress-professional{margin:32px 0}.progress-bar-professional{background:var(--bg-secondary);border-radius:50px;height:6px;margin-bottom:32px;overflow:hidden}.progress-fill-professional{border-radius:50px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.progress-steps-professional{justify-content:space-between;gap:16px;display:flex}.step-professional{text-align:center;opacity:.3;flex:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-professional.active{opacity:1}.step-icon-professional{background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.step-professional.active .step-icon-professional{background:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}.step-label-professional{color:var(--text-secondary);font-size:13px;font-weight:500}.step-professional.active .step-label-professional{color:var(--text-primary);font-weight:600}.order-details-professional{grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;display:grid}.order-items-professional h4,.order-info-professional h4{margin-bottom:16px;font-size:1rem;font-weight:600}.order-item-professional{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.order-item-professional:last-child{border-bottom:none}.item-name{color:var(--text-primary)}.item-price{font-weight:600}.info-row-professional{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.info-row-professional:last-child{border-bottom:none}.info-label{color:var(--text-secondary)}.total-row{border-top:2px solid var(--border);margin-top:16px;padding-top:16px;font-size:16px}.total-amount{color:var(--primary);font-size:1.25rem}.delivery-info-professional{border:1px solid var(--primary);border-radius:var(--radius);background:linear-gradient(135deg,#06b6d40d,#3b82f60d);align-items:center;gap:24px;margin-top:32px;padding:24px;display:flex}.delivery-icon-professional{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;animation:2s cubic-bezier(.4,0,.2,1) infinite pulse;display:flex}.delivery-text-professional strong{color:var(--primary);margin-bottom:4px;font-size:1.125rem;display:block}.delivery-text-professional p{color:var(--text-secondary);font-size:14px}.order-footer-professional{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.order-date{color:var(--text-tertiary);font-size:14px}@media (max-width:1024px){.cart-layout-professional{grid-template-columns:1fr}.cart-summary-professional{position:static}.order-details-professional{grid-template-columns:1fr}}@media (max-width:768px){.cart-item-professional{flex-direction:column}.cart-item-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.form-grid{grid-template-columns:1fr}.modal-content-professional{padding:32px 24px}.progress-steps-professional{flex-wrap:wrap}.step-professional{min-width:80px}.step-icon-professional{width:40px;height:40px}.step-label-professional{font-size:11px}.order-footer-professional{flex-direction:column;align-items:flex-start;gap:16px}}.auth-buttons{align-items:center;gap:10px;display:flex}.auth-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.login-btn{color:#007bff;border-color:#007bff}.login-btn:hover{color:#fff;background:#007bff}.register-btn{color:#fff;background:#007bff;border-color:#007bff}.register-btn:hover{background:#0056b3;border-color:#0056b3}.user-menu{align-items:center;gap:10px;display:flex}.user-info{color:#007bff;background:#007bff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.user-name{font-size:14px;font-weight:500}.logout-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.logout-btn:hover{background:#c82333;transform:scale(1.1)}.auth-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:90vh;padding:0;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 40px #0003}.auth-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.auth-modal-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:600}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.modal-close:hover{color:#374151;background:#f3f4f6}.auth-modal-content{padding:24px}.auth-form{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:16px;transition:all .3s}.form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:#9ca3af}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;margin-top:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.auth-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-toggle{text-align:center;border-top:1px solid #e5e7eb;padding-top:16px}.auth-toggle p{color:#6b7280;margin:0;font-size:14px}.toggle-button{color:#3b82f6;cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.toggle-button:hover{color:#2563eb}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}@media (max-width:768px){.auth-buttons{flex-direction:column;gap:8px;width:100%}.auth-btn{justify-content:center;width:100%}.user-menu{flex-direction:column;gap:8px;width:100%}.user-info{justify-content:center;width:100%}.auth-modal{width:95%;margin:20px}.auth-modal-content{padding:20px}}@media (max-width:480px){.auth-modal-header{padding:20px 20px 16px}.auth-modal-content{padding:16px}.auth-form{gap:12px}.form-input{padding:10px 14px;font-size:16px}.auth-button{padding:10px 20px;font-size:16px}}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.loading-container p{color:#6b7280;margin:0;font-size:16px}.error-container{text-align:center;background:#fef2f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:60px 20px;display:flex}.error-container p{color:#dc2626;margin-bottom:20px;font-size:16px}.retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.product-img{object-fit:cover;border-radius:8px;width:100%;height:100%}.product-item{background:#fff;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.product-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.product-image{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);height:200px;position:relative;overflow:hidden}.product-size-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:10px;right:10px}.wishlist-btn{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:10px;left:10px}.wishlist-btn:hover{background:#fff;transform:scale(1.1)}.wishlist-btn.active{color:#fff;background:#ef4444e6}.wishlist-btn.active:hover{background:#ef4444}.product-item h3{color:#1f2937;margin:16px 20px 8px;font-size:18px;font-weight:600;line-height:1.4}.product-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 20px 12px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-price{color:#3b82f6;margin:0 20px 16px;font-size:20px;font-weight:700}.product-actions{border-top:1px solid #e5e7eb;gap:12px;padding:16px 20px;display:flex}.product-actions .btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.loading-container,.error-container{padding:40px 20px}.product-image{height:160px}.product-item h3{margin:12px 16px 6px;font-size:16px}.product-desc{margin:0 16px 10px;font-size:13px}.product-price{margin:0 16px 12px;font-size:18px}.product-actions{gap:8px;padding:12px 16px}.product-actions .btn{padding:8px 12px;font-size:13px}}@media (max-width:480px){.product-actions{flex-direction:column}.product-actions .btn{width:100%}}