:root{--background:#0a0a0f;--background-secondary:#12121a;--background-elevated:#1a1a24;--foreground:#f0f0f5;--foreground-muted:#8888a0;--primary:#00d4ff;--primary-glow:rgba(0,212,255,0.4);--primary-dark:#00a8cc;--primary-foreground:#0a0a0f;--accent:#ff006e;--accent-glow:rgba(255,0,110,0.4);--accent-secondary:#8b5cf6;--gradient-primary:linear-gradient(135deg,#00d4ff 0%,#8b5cf6 50%,#ff006e 100%);--gradient-subtle:linear-gradient(135deg,rgba(0,212,255,0.1) 0%,rgba(139,92,246,0.1) 100%);--gradient-card:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);--border:rgba(255,255,255,0.08);--border-hover:rgba(0,212,255,0.3);--card:rgba(255,255,255,0.02);--card-hover:rgba(255,255,255,0.05);--success:#00ff88;--warning:#ffaa00;--destructive:#ff3366;--shadow-glow:0 0 40px rgba(0,212,255,0.15);--shadow-card:0 8px 32px rgba(0,0,0,0.4);--shadow-elevated:0 20px 60px rgba(0,0,0,0.5);--font-display:'Outfit','Outfit Fallback',sans-serif;--font-body:'DM Sans','DM Sans Fallback',sans-serif;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}.light,:root:not(.dark){--background:#f8f9fc;--background-secondary:#ffffff;--background-elevated:#ffffff;--foreground:#0a0a0f;--foreground-muted:#64648a;--primary:#0091b3;--primary-glow:rgba(0,145,179,0.2);--primary-dark:#007a99;--primary-foreground:#ffffff;--border:rgba(0,0,0,0.08);--border-hover:rgba(0,145,179,0.4);--card:rgba(255,255,255,0.8);--card-hover:rgba(255,255,255,1);--shadow-glow:0 0 40px rgba(0,145,179,0.1);--shadow-card:0 4px 20px rgba(0,0,0,0.08);--shadow-elevated:0 12px 40px rgba(0,0,0,0.12)}.dark{--background:#0a0a0f;--background-secondary:#12121a;--background-elevated:#1a1a24;--foreground:#f0f0f5;--foreground-muted:#8888a0}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--background);color:var(--foreground);line-height:1.7;min-height:100vh;overflow-x:hidden;position:relative;padding-top:4rem}@media (min-width:768px){body{padding-top:4.5rem}}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,0.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.dark body::before{opacity:1}:root:not(.dark) body::before{background-image:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-0.02em}h1{font-size:clamp(2rem,5vw,4rem);font-weight:800}h2{font-size:clamp(1.5rem,4vw,2.75rem);font-weight:700}h3{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}h4{font-size:1.25rem;font-weight:600}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}@media (min-width:768px){.container{padding:0 2rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;padding:0.75rem 1.5rem;font-family:var(--font-display);font-size:0.9375rem;font-weight:600;letter-spacing:0.01em;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover::before{opacity:1}.btn-primary{background:var(--gradient-primary);color:white;border:none;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--foreground);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:rgba(0,212,255,0.05)}.btn-ghost{background:transparent;border:none;color:var(--foreground-muted)}.btn-ghost:hover{color:var(--primary);background:rgba(0,212,255,0.1)}.btn-lg{padding:1rem 2rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn-sm{padding:0.5rem 1rem;font-size:0.8125rem}.btn-icon{padding:0.625rem;width:2.5rem;height:2.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative}.card::before{content:'';position:absolute;inset:0;background:var(--gradient-card);pointer-events:none}.card:hover{background:var(--card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.875rem;font-family:var(--font-display);font-size:0.75rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;border-radius:100px;background:var(--gradient-subtle);color:var(--primary);border:1px solid rgba(0,212,255,0.2)}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--foreground-muted)}.badge-primary{background:var(--gradient-primary);color:white;border:none}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,0.8);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);transition:all var(--transition-base)}:root:not(.dark) .header{background:rgba(248,249,252,0.85)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem;overflow:hidden}@media (min-width:768px){.header-inner{height:4.5rem;padding:0 1.5rem}}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-0.03em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--transition-fast)}.logo:hover{opacity:0.8}.logo.logo-img{background:none;-webkit-text-fill-color:initial;flex-shrink:0;line-height:1}.logo.logo-img img{height:28px;width:auto;max-width:110px;object-fit:contain;vertical-align:middle}@media (min-width:768px){.logo.logo-img img{height:36px;max-width:150px}}.logo.logo-img img.logo-dark{display:none}.logo.logo-img img.logo-light{display:inline-block}html.dark .logo.logo-img img.logo-light{display:none}html.dark .logo.logo-img img.logo-dark{display:inline-block}.nav-desktop{display:none;gap:0.25rem}@media (min-width:768px){.nav-desktop{display:flex}}.nav-link{padding:0.625rem 1rem;font-family:var(--font-display);font-size:0.875rem;font-weight:500;color:var(--foreground-muted);border-radius:var(--radius);transition:all var(--transition-fast);position:relative}.nav-link::after{content:'';position:absolute;bottom:0.25rem;left:50%;width:0;height:2px;background:var(--gradient-primary);border-radius:2px;transform:translateX(-50%);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--foreground)}.nav-link:hover::after,.nav-link.active::after{width:calc(100% - 2rem)}.header-actions{display:flex;align-items:center;gap:0.375rem}@media (min-width:768px){.header-actions{gap:0.5rem}}.cart-badge{position:relative}.cart-count{position:absolute;top:-0.125rem;right:-0.125rem;min-width:1.25rem;height:1.25rem;padding:0 0.25rem;font-size:0.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:white;border-radius:100px;box-shadow:0 2px 8px var(--primary-glow)}.mobile-menu-btn{display:flex}@media (min-width:768px){.mobile-menu-btn{display:none}}.header-reviews-badge{display:none;align-items:center;gap:8px;padding:6px 14px;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.2);border-radius:100px;text-decoration:none;transition:all var(--transition-base)}@media (min-width:1024px){.header-reviews-badge{display:inline-flex}}.header-reviews-badge:hover{background:rgba(0,212,255,0.15);border-color:rgba(0,212,255,0.4);transform:translateY(-1px)}.header-reviews-star{width:16px;height:16px;fill:var(--success)}.header-reviews-rating{font-family:var(--font-display);font-weight:700;font-size:0.875rem;color:var(--foreground)}.header-reviews-sep{color:var(--border);font-weight:300}.header-reviews-count{font-size:0.75rem;color:var(--foreground-muted)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200;visibility:hidden;pointer-events:none;touch-action:none;overscroll-behavior:none;overflow:hidden}.mobile-menu.open{visibility:visible;pointer-events:auto}.mobile-menu-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);backdrop-filter:blur(0px);transition:background 0.3s ease,backdrop-filter 0.3s ease}.mobile-menu.open .mobile-menu-backdrop{background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.mobile-menu-panel{position:absolute;top:0;right:0;width:min(320px,85vw);height:100%;background:var(--background);border-left:1px solid var(--border);display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.35s cubic-bezier(0.32,0.72,0,1);overflow:hidden;touch-action:none;box-shadow:-10px 0 40px rgba(0,0,0,0.3)}.mobile-menu.open .mobile-menu-panel{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.mobile-menu-close{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:var(--foreground-muted);cursor:pointer;transition:background 0.2s,color 0.2s}.mobile-menu-close:hover{background:rgba(255,255,255,0.08);color:var(--foreground)}.mobile-nav{display:flex;flex-direction:column;padding:1rem 0.75rem;gap:0.125rem;flex:1}.mobile-nav-link{display:flex;align-items:center;gap:0.875rem;padding:0.875rem 1rem;font-family:var(--font-display);font-size:0.9375rem;font-weight:500;color:var(--foreground-muted);border-radius:12px;transition:all 0.2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background:linear-gradient(135deg,rgba(0,212,255,0.08),rgba(139,92,246,0.08));color:var(--foreground)}.mobile-nav-link.active{color:var(--primary);font-weight:600}.mobile-nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0;opacity:0.6}.mobile-nav-link.active .mobile-nav-icon{opacity:1;stroke:var(--primary)}.mobile-nav-cart-count{margin-left:auto;min-width:1.375rem;height:1.375rem;padding:0 0.375rem;font-size:0.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#fff;border-radius:100px}.mobile-menu-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:0.5rem;flex-shrink:0}.mobile-menu-footer-link{display:flex;align-items:center;gap:0.875rem;padding:0.75rem 1rem;font-family:var(--font-display);font-size:0.875rem;font-weight:500;color:var(--foreground);border-radius:12px;transition:background 0.2s}.mobile-menu-footer-link:hover{background:var(--card)}.mobile-menu-auth-btn{width:100%;text-align:center;font-size:0.875rem;padding:0.75rem 1rem}.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;padding:4rem 0}@media (min-width:768px){.hero{min-height:90vh;padding:6rem 0}}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,212,255,0.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,92,246,0.15) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 80%,rgba(255,0,110,0.1) 0%,transparent 50%);z-index:1}@keyframes heroGlow{0%{opacity:0.6}100%{opacity:1}}.hero-content{position:relative;z-index:2;max-width:750px}.hero h1{color:#ffffff!important;margin-bottom:1.5rem;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.05}.hero h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:rgba(255,255,255,0.85)!important;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;margin-bottom:2.5rem;max-width:600px}.hero-buttons{display:flex;flex-direction:column;gap:1rem}@media (min-width:480px){.hero-buttons{flex-direction:row;flex-wrap:wrap}}.hero-visual{position:absolute;right:-10%;top:50%;transform:translateY(-50%);width:60%;height:80%;pointer-events:none;z-index:0}.hero-shape{position:absolute;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;background:var(--gradient-primary);opacity:0.1;filter:blur(60px);animation:float 6s ease-in-out infinite}.hero-shape:nth-child(1){width:400px;height:400px;top:10%;right:20%}.hero-shape:nth-child(2){width:300px;height:300px;bottom:20%;right:10%;animation-delay:-2s}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.section{padding:5rem 0;position:relative}@media (min-width:768px){.section{padding:7rem 0}}.section-muted{background:var(--background-secondary)}.section-header{text-align:center;margin-bottom:3.5rem;max-width:700px;margin-left:auto;margin-right:auto}.section-header h2{margin-bottom:1rem;position:relative;display:inline-block}.section-header h2::after{content:'';position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:3px}.section-header p{color:var(--foreground-muted);font-size:1.125rem;line-height:1.7}.services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{padding:2rem;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.service-card:hover{border-color:var(--primary);box-shadow:0 0 40px var(--primary-glow);transform:translateY(-8px)}.service-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border:1px solid rgba(0,212,255,0.2);border-radius:var(--radius-lg);color:var(--primary);transition:all var(--transition-base)}.service-card:hover .service-icon{background:var(--gradient-primary);color:white;transform:scale(1.1) rotate(5deg)}.service-card h3{margin-bottom:0.75rem;font-size:1.375rem}.service-card p{color:var(--foreground-muted);font-size:0.9375rem;line-height:1.7}.products-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:stretch}@media (min-width:480px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);text-decoration:none;height:100%}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-6px)}.product-image{aspect-ratio:1;background:var(--background-secondary);display:block;position:relative;overflow:hidden;flex-shrink:0;padding:0}.product-image::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,212,255,0.15) 100%);opacity:0;transition:opacity var(--transition-base);z-index:1;pointer-events:none}.product-card:hover .product-image::before{opacity:1}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-base);display:block}.product-card:hover .product-image img{transform:scale(1.08)}.product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column;min-height:180px}.product-category{font-family:var(--font-display);font-size:0.6875rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--primary);margin-bottom:0.375rem;flex-shrink:0}.product-name{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;height:2.8em;flex-shrink:0}.product-price{font-family:var(--font-display);font-size:1.375rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:auto;margin-bottom:1rem;flex-shrink:0}.product-info .btn{margin-top:auto;flex-shrink:0}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-card{cursor:pointer;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.portfolio-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-6px)}.portfolio-image{aspect-ratio:16/10;position:relative;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-card:hover .portfolio-image img{transform:scale(1.08)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.portfolio-card:hover .portfolio-overlay{opacity:1}@media (hover:none){.portfolio-overlay{opacity:0.8}}.portfolio-play{width:4rem;height:4rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 20px var(--primary-glow);transition:transform var(--transition-base)}.portfolio-card:hover .portfolio-play{transform:scale(1.1)}.portfolio-info{padding:1.25rem}.portfolio-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;margin-bottom:0.375rem}.portfolio-description{font-size:0.875rem;color:var(--foreground-muted);line-height:1.6}.cta-section{position:relative;padding:6rem 0;text-align:center;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0.1}.cta-section::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,212,255,0.2) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,0,110,0.2) 0%,transparent 50%)}.cta-section>*{position:relative;z-index:1}.cta-section h2{margin-bottom:1rem;color:#ffffff!important}.cta-section p{color:rgba(255,255,255,0.85)!important;max-width:600px;margin:0 auto 2.5rem;font-size:1.125rem}.cta-section .btn{background:#ffffff!important;color:#0a0a0f!important;border:none}.cta-section .btn:hover{background:rgba(255,255,255,0.9)!important;transform:translateY(-2px)}.footer{background:var(--background-secondary);border-top:1px solid var(--border);padding:4rem 0 2rem;position:relative}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width:480px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}}.footer-title{font-family:var(--font-display);font-size:0.9375rem;font-weight:600;margin-bottom:1.25rem;color:var(--foreground)}.footer-links{display:flex;flex-direction:column;gap:0.75rem}.footer-link{font-size:0.875rem;color:var(--foreground-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid var(--border);text-align:center;font-size:0.875rem;color:var(--foreground-muted)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-family:var(--font-display);font-size:0.875rem;font-weight:500;margin-bottom:0.5rem;color:var(--foreground)}.form-input,.form-textarea,.form-select{width:100%;padding:0.875rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{min-height:140px;resize:vertical}.password-wrapper{position:relative}.password-wrapper input{padding-right:3rem}.toggle-password{position:absolute;right:0;top:0;bottom:0;width:3rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--foreground-muted);cursor:pointer;transition:color var(--transition-fast)}.toggle-password:hover{color:var(--primary)}.product-detail{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.product-detail{grid-template-columns:1fr 1fr;gap:4rem}}.product-detail-image{aspect-ratio:1;background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.product-detail-image img{max-width:100%;max-height:100%;object-fit:contain}.product-detail-info h1{font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:0.75rem}.product-detail-price{font-family:var(--font-display);font-size:2.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1.5rem 0}.quantity-selector{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.quantity-selector button{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--foreground);cursor:pointer;transition:all var(--transition-fast)}.quantity-selector button:hover{background:var(--gradient-subtle);color:var(--primary)}.quantity-selector span{width:3.5rem;text-align:center;font-family:var(--font-display);font-weight:600;font-size:1.125rem}.quantity-selector input[type="number"]{width:3.5rem;text-align:center;font-family:var(--font-display);font-weight:600;font-size:1.125rem;border:none;background:transparent;color:var(--foreground);-moz-appearance:textfield}.quantity-selector input[type="number"]::-webkit-outer-spin-button,.quantity-selector input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-selector input[type="number"]:focus{outline:none;background:var(--gradient-subtle)}.add-to-cart-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.product-feature{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem;background:var(--gradient-subtle);border:1px solid rgba(0,212,255,0.1);border-radius:var(--radius)}.product-feature svg{width:1.5rem;height:1.5rem;color:var(--primary);margin-bottom:0.5rem}.product-feature span{font-size:0.75rem;color:var(--foreground-muted)}.tabs{margin-top:2.5rem}.tabs-list{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-trigger{padding:1rem 1.5rem;font-family:var(--font-display);font-size:0.9375rem;font-weight:500;color:var(--foreground-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab-trigger:hover{color:var(--foreground)}.tab-trigger.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none;padding:2rem 0}.tab-content.active{display:block}.spec-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border);font-size:0.9375rem}.spec-row span:first-child{color:var(--foreground-muted)}.spec-row span:last-child{font-weight:500}.cart-empty{text-align:center;padding:5rem 2rem}.cart-empty-icon{width:5rem;height:5rem;margin:0 auto 1.5rem;background:var(--gradient-subtle);border:1px solid rgba(0,212,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--foreground-muted)}.cart-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.cart-layout{grid-template-columns:2fr 1fr}}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:flex;gap:1.25rem;padding:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.cart-item-image{width:6rem;height:6rem;flex-shrink:0;background:var(--background-secondary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:0.5rem}.cart-item-image img{max-width:100%;max-height:100%;object-fit:contain}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-family:var(--font-display);font-weight:600;margin-bottom:0.375rem}.cart-item-price{font-size:0.875rem;color:var(--foreground-muted);margin-bottom:0.75rem}.cart-item-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cart-item-total{font-family:var(--font-display);font-size:1.125rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-summary{padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);position:sticky;top:6rem}.cart-summary h2{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:0.75rem;font-size:0.9375rem}.cart-summary-row span:first-child{color:var(--foreground-muted)}.cart-summary-total{display:flex;justify-content:space-between;padding-top:1.25rem;margin-top:1rem;border-top:1px solid var(--border)}.cart-summary-total span:first-child{font-family:var(--font-display);font-weight:600}.cart-summary-total span:last-child{font-family:var(--font-display);font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-summary .btn{width:100%;margin-top:1.5rem}.quote-layout{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:1024px){.quote-layout{grid-template-columns:1fr 1fr}}.quote-benefits{display:flex;flex-direction:column;gap:1.5rem}.quote-benefit{display:flex;gap:1rem;padding:1.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.quote-benefit:hover{border-color:var(--border-hover);box-shadow:0 0 30px var(--primary-glow)}.quote-benefit-icon{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border:1px solid rgba(0,212,255,0.2);border-radius:var(--radius);color:var(--primary)}.quote-benefit h3{font-size:1rem;margin-bottom:0.375rem}.quote-benefit p{font-size:0.875rem;color:var(--foreground-muted)}.modal{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;background:rgba(0,0,0,0.9);backdrop-filter:blur(8px);padding:1rem}.modal.open{display:flex}.modal-content{position:relative;width:100%;max-width:960px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);color:white;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--primary);transform:rotate(90deg)}.modal-video{aspect-ratio:16/9;width:100%}.modal-video iframe,.modal-video video{width:100%;height:100%;border:none}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:300;display:flex;flex-direction:column;gap:0.75rem;max-width:min(360px,calc(100vw - 3rem))}.toast{padding:1rem 1.25rem;background:var(--background-elevated);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-elevated);animation:toastSlide 0.3s ease}@keyframes toastSlide{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-title{font-family:var(--font-display);font-weight:600;margin-bottom:0.25rem}.toast-description{font-size:0.875rem;color:var(--foreground-muted)}.fade-in{animation:fadeIn 0.6s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-delay-1{animation-delay:0.1s;opacity:0}.fade-in-delay-2{animation-delay:0.2s;opacity:0}.fade-in-delay-3{animation-delay:0.3s;opacity:0}[data-animate]{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}[data-animate].fade-in{opacity:1;transform:translateY(0)}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}.icon-lg{width:1.5rem;height:1.5rem}.icon-xl{width:2.5rem;height:2.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.text-sm{font-size:0.875rem}.text-muted{color:var(--foreground-muted)}.font-semibold{font-weight:600}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.hidden{display:none}.w-full{width:100%}.flex-1{flex:1}.stock-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:100px;font-family:var(--font-display);font-size:0.875rem;font-weight:500;margin:1rem 0}.stock-badge.in-stock{background:rgba(0,255,136,0.1);color:var(--success);border:1px solid rgba(0,255,136,0.2)}.stock-badge.out-of-stock{background:rgba(255,51,102,0.1);color:var(--destructive);border:1px solid rgba(255,51,102,0.2)}.stock-badge.low-stock{background:rgba(255,170,0,0.1);color:var(--warning);border:1px solid rgba(255,170,0,0.2)}.stock-badge.preorder{background:rgba(139,92,246,0.1);color:var(--accent-secondary);border:1px solid rgba(139,92,246,0.2)}.stock-badge svg{width:1rem;height:1rem}.btn-preorder{background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 50%,#ec4899 100%);color:white!important;border:none;box-shadow:0 4px 20px rgba(139,92,246,0.4);position:relative;overflow:hidden}.btn-preorder::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.btn-preorder:hover::before{left:100%}.btn-preorder:hover{box-shadow:0 8px 30px rgba(168,85,247,0.5);transform:translateY(-3px)}.btn-customize{background:linear-gradient(135deg,#00d4ff 0%,#0ea5e9 50%,#8b5cf6 100%);color:white!important;border:none;box-shadow:0 4px 20px rgba(0,212,255,0.4);position:relative;overflow:hidden}.btn-customize::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.btn-customize:hover::before{left:100%}.btn-customize:hover{box-shadow:0 8px 30px rgba(0,212,255,0.5);transform:translateY(-3px)}.star{color:var(--foreground-muted);font-size:1em}.star.filled{color:#fbbf24}.product-reviews{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.reviews-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.reviews-header h2{font-size:1.5rem;margin:0}.reviews-summary{display:flex;align-items:center;gap:0.75rem;color:var(--foreground-muted)}.reviews-summary .avg{font-family:var(--font-display);font-weight:700;color:var(--foreground)}.reviews-list{display:grid;gap:1.25rem}.review-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.review-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.75rem}.review-author-info h4{font-family:var(--font-display);font-size:1rem;margin-bottom:0.25rem}.review-author-info .date{font-size:0.8125rem;color:var(--foreground-muted)}.review-item-content{color:var(--foreground-muted);line-height:1.7}.review-admin-response{margin-top:1rem;padding:1rem;background:var(--gradient-subtle);border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0}.review-admin-response strong{color:var(--primary);font-size:0.875rem}.review-admin-response p{margin-top:0.375rem;font-size:0.875rem;color:var(--foreground)}.star-rating{display:flex;gap:0.25rem;flex-direction:row-reverse;justify-content:flex-end}.star-rating input{display:none}.star-rating label{font-size:2rem;color:var(--foreground-muted);cursor:pointer;transition:color var(--transition-fast)}.star-rating label:hover,.star-rating label:hover ~ label,.star-rating input:checked ~ label{color:#fbbf24}.testimonials-hero{text-align:center;padding:3rem 0}.testimonials-hero h1{margin-bottom:0.75rem}.testimonials-hero p{color:var(--foreground-muted);font-size:1.125rem}.testimonials-stats-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2.5rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.testimonials-stats-rating{text-align:center;padding-right:2rem;border-right:1px solid var(--border)}@media (max-width:640px){.testimonials-stats-rating{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:1.5rem;width:100%}}.testimonials-stats-rating .big-number{font-family:var(--font-display);font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.testimonials-stats-rating .stars{font-size:1.5rem;margin:0.5rem 0}.testimonials-stats-rating .count{color:var(--foreground-muted);font-size:0.875rem}.testimonials-stats-bars{flex:1;min-width:200px}.testimonials-bar-row{display:flex;align-items:center;gap:0.75rem;margin:0.375rem 0}.testimonials-bar-row span:first-child{width:1.25rem;text-align:right;font-size:0.875rem;color:var(--foreground-muted)}.testimonials-bar-track{flex:1;height:0.5rem;background:var(--border);border-radius:100px;overflow:hidden}.testimonials-bar-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:100px}.testimonials-bar-row span:last-child{width:2rem;font-size:0.8125rem;color:var(--foreground-muted)}.testimonials-filters{display:flex;gap:0.625rem;margin-bottom:2rem;flex-wrap:wrap}.testimonials-filter-btn{padding:0.5rem 1.25rem;border:1px solid var(--border);background:var(--card);border-radius:100px;cursor:pointer;font-family:var(--font-display);font-size:0.875rem;font-weight:500;color:var(--foreground);transition:all var(--transition-fast)}.testimonials-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.testimonials-filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:white}.testimonials-grid{display:grid;gap:1.25rem}.testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.testimonial-author{display:flex;align-items:center;gap:0.875rem}.testimonial-avatar{width:3rem;height:3rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-family:var(--font-display);font-weight:700;font-size:1.125rem}.testimonial-author-info h4{font-family:var(--font-display);font-size:1rem;margin-bottom:0.125rem}.testimonial-author-info .date{font-size:0.8125rem;color:var(--foreground-muted)}.testimonial-stars{font-size:1.125rem}.testimonial-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:100px;font-family:var(--font-display);font-size:0.6875rem;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;margin-bottom:0.75rem}.testimonial-badge.badge-general{background:rgba(0,212,255,0.1);color:var(--primary)}.testimonial-badge.badge-product{background:rgba(255,170,0,0.15);color:var(--warning)}.testimonial-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;margin-bottom:0.5rem}.testimonial-content{color:var(--foreground-muted);line-height:1.7}.testimonial-product{margin-top:0.875rem;padding:0.75rem 1rem;background:var(--background-secondary);border-radius:var(--radius);font-size:0.875rem;color:var(--foreground-muted)}.testimonial-product strong{color:var(--foreground)}.testimonial-admin-response{margin-top:1rem;padding:1rem;background:var(--gradient-subtle);border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0}.testimonial-admin-response-header{font-family:var(--font-display);font-size:0.8125rem;font-weight:600;color:var(--primary);margin-bottom:0.375rem}.testimonial-admin-response p{font-size:0.875rem;color:var(--foreground)}.testimonial-verified{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:var(--success);margin-top:0.375rem}.testimonial-verified svg{width:0.875rem;height:0.875rem}.testimonials-empty{text-align:center;padding:4rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.testimonials-empty svg{width:4rem;height:4rem;color:var(--foreground-muted);margin-bottom:1rem}.testimonials-empty h3{margin-bottom:0.5rem}.testimonials-empty p{color:var(--foreground-muted)}#portfolio-lightbox{display:none;position:fixed;inset:0;z-index:250;background:rgba(0,0,0,0.95);backdrop-filter:blur(10px)}#portfolio-lightbox.open{display:flex;flex-direction:column}.plb-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.1)}.plb-info h3{font-family:var(--font-display);font-size:1.125rem;color:white;margin-bottom:0.25rem}.plb-info p{font-size:0.875rem;color:rgba(255,255,255,0.6)}.plb-actions{display:flex;gap:0.5rem}.plb-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius);color:white;cursor:pointer;transition:all var(--transition-fast)}.plb-btn:hover{background:rgba(255,255,255,0.2)}.plb-btn-close{width:2.5rem;height:2.5rem;padding:0;border-radius:50%}.plb-body{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}#plb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius);transition:opacity var(--transition-base)}.plb-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:white;cursor:pointer;transition:all var(--transition-fast)}.plb-nav:hover:not(:disabled){background:rgba(255,255,255,0.2)}.plb-nav:disabled{opacity:0.3;cursor:not-allowed}#plb-prev{left:1.5rem}#plb-next{right:1.5rem}.plb-footer{padding:1rem;text-align:center;border-top:1px solid rgba(255,255,255,0.1)}#plb-counter{font-family:var(--font-display);font-size:0.875rem;color:rgba(255,255,255,0.6)}@media (max-width:640px){.section{padding:3.5rem 0}.container{padding:0 1rem}.hero{min-height:80vh;padding:3rem 0}.hero h1{font-size:2rem}.cart-item{flex-direction:column;padding:1rem;gap:0.75rem;overflow:visible}.cart-item-image{width:100%;height:10rem;flex-shrink:0;border-radius:var(--radius);padding:0.5rem}.cart-item-image img{width:100%;height:100%;object-fit:contain}.cart-item-info{flex:1;min-width:0;width:100%}.cart-item-name{font-size:1rem;line-height:1.4;margin-bottom:0.25rem}.cart-item-price{font-size:0.85rem;margin-bottom:0.625rem}.cart-item-actions{gap:0.75rem;justify-content:space-between;align-items:center}.cart-item-total{text-align:right;padding-top:0.75rem;border-top:1px solid var(--border);font-size:1.1rem}.cart-summary{position:static;overflow:visible}.cart-summary .btn{padding:0.875rem;font-size:1rem}.quantity-selector button{width:2.5rem;height:2.5rem}.quantity-selector input[type="number"],.quantity-selector span{width:2.5rem;font-size:1rem}.cart-layout{gap:1.25rem}.product-features{grid-template-columns:1fr;gap:0.75rem}.product-feature{flex-direction:row;justify-content:flex-start;gap:0.75rem;text-align:left}.product-feature svg{margin-bottom:0}}.dark .icon-sun{display:block}.dark .icon-moon{display:none}:root:not(.dark) .icon-sun{display:none}:root:not(.dark) .icon-moon{display:block}body{animation:pageIn 0.2s ease-out both}@keyframes pageIn{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){body{animation:none}}