.container{margin:0 auto!important;max-width:1280px!important;max-width:var(--container-max-width)!important;padding-left:1.5rem!important;padding-left:var(--spacing-lg)!important;padding-right:1.5rem!important;padding-right:var(--spacing-lg)!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;background:#0f172a!important;background:var(--color-background)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font-sans)!important;line-height:1.6!important;margin:0!important;padding:0!important}body,h1,h2,h3,h4,h5,h6{color:#f1f5f9!important;color:var(--color-text)!important}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font-heading)!important;font-weight:700!important;line-height:1.2!important;margin-bottom:1rem!important;margin-bottom:var(--spacing-4)!important}:root{--color-primary:#24f34a;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#f59e0b;--color-accent:#10b981;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--color-border-light:#475569;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Space Grotesk",var(--font-sans);--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px #6366f14d;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:500ms cubic-bezier(0.4,0,0.1,1);--container-max-width:1280px;--header-height:80px;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--shadow-2xl:0 25px 50px -12px #00000040;--radius-2xl:1.5rem;--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--color-background:var(--color-bg-primary);--color-text:var(--color-text-primary);--font-heading:var(--font-display)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--color-bg-primary);color:#f1f5f9;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}#root{background:#0f172a;background:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:3rem;font-size:var(--text-5xl)}h2{font-size:2.25rem;font-size:var(--text-4xl)}h3{font-size:1.875rem;font-size:var(--text-3xl)}h4{font-size:1.5rem;font-size:var(--text-2xl)}h5{font-size:1.25rem;font-size:var(--text-xl)}h6{font-size:1.125rem;font-size:var(--text-lg)}p{color:#cbd5e1;color:var(--color-text-secondary)}a{color:#24f34a;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#818cf8;color:var(--color-primary-light)}.container{margin:0 auto;max-width:1280px;max-width:var(--container-max-width);padding:0 1.5rem;padding:0 var(--spacing-lg)}.section{padding:4rem 0;padding:var(--spacing-3xl) 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#24f34a,#f59e0b);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--text-4xl);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);text-align:center}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 30px #6366f180}}.animate-fade-in{animation:fadeIn ease-out .5s cubic-bezier(.4,0,.1,1);animation:fadeIn var(--transition-smooth) ease-out}.animate-slide-in-left{animation:slideInLeft ease-out .5s cubic-bezier(.4,0,.1,1);animation:slideInLeft var(--transition-smooth) ease-out}.animate-slide-in-right{animation:slideInRight ease-out .5s cubic-bezier(.4,0,.1,1);animation:slideInRight var(--transition-smooth) ease-out}.animate-scale-in{animation:scaleIn ease-out .25s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--transition-base) ease-out}.animate-float{animation:float 3s ease-in-out infinite}.card{background:#1e293b;background:var(--color-surface);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{border-color:#24f34a;border-color:var(--color-primary);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-elevated{background:#334155;background:var(--color-surface-elevated);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s cubic-bezier(.4,0,.1,1),height .5s cubic-bezier(.4,0,.1,1);transition:width var(--transition-smooth),height var(--transition-smooth);width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#24f34a,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.btn-primary:hover{box-shadow:0 0 20px #6366f14d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:#334155;background:var(--color-surface-elevated);border:1px solid #334155;border:1px solid var(--color-border);color:#f1f5f9;color:var(--color-text-primary)}.btn-secondary:hover{background:#1e293b;background:var(--color-surface);border-color:#24f34a;border-color:var(--color-primary)}.btn-outline{background:#0000;border:2px solid #24f34a;border:2px solid var(--color-primary);color:#24f34a;color:var(--color-primary)}.btn-outline:hover{background:#24f34a;background:var(--color-primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.input{background:#1e293b;background:var(--color-surface);border:1px solid #334155;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#f1f5f9;color:var(--color-text-primary);font-size:1rem;font-size:var(--text-base);padding:1rem;padding:var(--spacing-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.input:focus{border-color:#24f34a;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.input::placeholder{color:#94a3b8;color:var(--color-text-muted)}.badge{align-items:center;background:#24f34a;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.badge-primary{background:linear-gradient(135deg,#24f34a,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.badge-success{background:#10b981;background:var(--color-success)}.badge-warning{background:#f59e0b;background:var(--color-warning)}.badge-error{background:#ef4444;background:var(--color-error)}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(90deg,#1e293b,#334155 50%,#1e293b);background:linear-gradient(90deg,var(--color-surface) 0,var(--color-surface-elevated) 50%,var(--color-surface) 100%);background-size:1000px 100%;border-radius:.5rem;border-radius:var(--radius-md)}.gradient-text{background:linear-gradient(135deg,#24f34a,#f59e0b);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}@media (max-width:768px){:root{--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:3rem 0;padding:var(--spacing-2xl) 0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#1e293b;background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#334155;background:var(--color-surface-elevated);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#24f34a;background:var(--color-primary)}::selection{background:#24f34a;background:var(--color-primary);color:#fff}.row{margin:0!important}.col,.col-lg-4,.col-md-12,.col-md-4,.col-md-6,.col-sm-6,.col-sm-8{padding:0!important}.btn,button{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-family:var(--font-sans)!important}.my-3{margin-bottom:3rem!important;margin-bottom:var(--spacing-12)!important;margin-top:3rem!important;margin-top:var(--spacing-12)!important}.py-3{padding-bottom:3rem!important;padding-bottom:var(--spacing-12)!important;padding-top:3rem!important;padding-top:var(--spacing-12)!important}.my-4{margin-bottom:4rem!important;margin-bottom:var(--spacing-16)!important;margin-top:4rem!important;margin-top:var(--spacing-16)!important}.my-5{margin-bottom:5rem!important;margin-bottom:var(--spacing-20)!important;margin-top:5rem!important;margin-top:var(--spacing-20)!important}.home{margin:0;padding:0;width:100%}.navigation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172acc;border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.navigation.scrolled{background:#0f172af2;border-bottom-color:var(--color-border);box-shadow:0 4px 20px #0000001a}.nav-content{height:var(--header-height);justify-content:space-between}.logo,.nav-content{align-items:center;display:flex}.logo{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;gap:var(--spacing-md);position:relative;text-decoration:none;transition:transform var(--transition-base)}.logo:hover{transform:scale(1.05)}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;position:relative;width:40px}.logo-spark{animation:sparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;position:absolute;width:4px}.logo-spark:first-child{animation-delay:0s;left:12px;top:8px}.logo-spark:nth-child(2){animation-delay:.5s;right:10px;top:20px}.logo-spark:nth-child(3){animation-delay:1s;bottom:10px;left:18px}.logo-text{letter-spacing:-.02em}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#06f);-webkit-background-clip:text;background-clip:text}.logo-image{display:block;object-fit:contain}.nav-links{display:flex;gap:var(--spacing-xl)}.nav-link{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:500;padding:var(--spacing-sm) 0;position:relative;text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-primary)}.nav-link-underline{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);bottom:0;height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.nav-link.active .nav-link-underline,.nav-link:hover .nav-link-underline{width:100%}.nav-actions{gap:var(--spacing-lg)}.cart-button,.nav-actions{align-items:center;display:flex}.cart-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);height:44px;justify-content:center;position:relative;text-decoration:none;transition:all var(--transition-base);width:44px}.cart-button:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cart-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);box-shadow:0 2px 8px #6366f166;color:#fff;display:flex;font-size:var(--text-xs);font-weight:700;height:20px;min-width:20px;padding:0 6px;position:absolute;right:-6px;top:-6px}.cart-badge,.mobile-menu-button{align-items:center;justify-content:center}.mobile-menu-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;height:44px;padding:0;position:relative;transition:all var(--transition-base);width:44px}.mobile-menu-button:hover{background:var(--color-surface-elevated);border-color:var(--color-primary)}.hamburger{display:block;position:relative}.hamburger,.hamburger:after,.hamburger:before{background:var(--color-text-primary);border-radius:var(--radius-full);height:2px;transition:all var(--transition-base);width:20px}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:#0000}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}.mobile-menu{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);left:0;max-height:0;overflow:hidden;position:fixed;right:0;top:var(--header-height);transition:max-height var(--transition-smooth)}.mobile-menu.open{max-height:calc(100vh - var(--header-height))}.mobile-menu-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.mobile-nav-link{animation:slideDown var(--transition-base) forwards;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:500;opacity:0;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transform:translateY(-10px);transition:all var(--transition-base)}@keyframes slideDown{to{opacity:1;transform:translateY(0)}}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--color-surface-elevated);border-color:var(--color-primary);color:var(--color-primary)}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none}.mobile-menu-button{align-items:center;display:flex;justify-content:center}.logo-text{font-size:var(--text-lg)}.logo-icon{height:36px;width:36px}}.footer{background:linear-gradient(to bottom,var(--color-surface),#0a0e1a);color:var(--color-text-secondary);margin-top:auto;overflow:hidden;padding-top:0;position:relative}.footer-background{inset:0;position:absolute;z-index:0}.footer-wave{left:0;line-height:0;overflow:hidden;position:absolute;top:0;transform:translateY(-99%);width:100%}.wave-svg{display:block;height:80px;position:relative;width:calc(100% + 1.3px)}.wave-path{fill:var(--color-surface);opacity:.8}.footer .container{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-12) var(--spacing-4) var(--spacing-6)}.footer-content{grid-gap:var(--spacing-8);border-bottom:1px solid #ffffff1a;display:grid;gap:var(--spacing-8);grid-template-columns:2fr 1fr 1fr 1fr;padding-bottom:var(--spacing-8);position:relative;z-index:1}.footer-section{animation:fadeInUp .6s ease-out forwards;opacity:0}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}.brand-section{max-width:320px}.footer-logo{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.footer-logo .logo-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:8px;display:flex;height:32px;justify-content:center;position:relative;width:32px}.footer-logo .logo-spark{animation:sparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;position:absolute;width:4px}.footer-logo .logo-spark:first-child{animation-delay:0s;left:8px;top:8px}.footer-logo .logo-spark:nth-child(2){animation-delay:.3s;right:8px;top:8px}.footer-logo .logo-spark:nth-child(3){animation-delay:.6s;bottom:8px;left:50%;transform:translateX(-50%)}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.footer-logo .logo-text{color:var(--color-text);font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.footer-tagline{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--spacing-6)}.social-links{display:flex;gap:var(--spacing-3)}.social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-normal);width:40px}.social-link:before{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.social-link svg{position:relative;transition:transform var(--transition-normal);z-index:1}.social-link:hover{border-color:#0000;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.social-link:hover:before{opacity:1}.social-link:hover svg{transform:scale(1.1)}.footer-heading{color:var(--color-text);font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-4);text-transform:uppercase}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-3);list-style:none;margin:0;padding:0}.footer-link{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.95rem;padding-left:var(--spacing-2);position:relative;text-decoration:none;transition:all var(--transition-fast)}.footer-link:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:2px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.footer-link:hover{color:var(--color-text);padding-left:var(--spacing-4)}.footer-link:hover:before{width:12px}.footer-bottom{align-items:center;color:var(--color-text-muted);display:flex;font-size:.9rem;justify-content:space-between;padding-top:var(--spacing-6)}.copyright{margin:0}.made-with{align-items:center;display:flex;gap:var(--spacing-2);margin:0}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:var(--color-accent);display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@media (max-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr}.footer-section:last-child{grid-column:2/3}}@media (max-width:768px){.footer-content{gap:var(--spacing-6);grid-template-columns:1fr 1fr}.brand-section{grid-column:1/-1;max-width:100%;text-align:center}.footer-logo,.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:var(--spacing-2);text-align:center}.wave-svg{height:50px}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{align-items:center}.footer-link{justify-content:center}.footer .container{padding:var(--spacing-8) var(--spacing-4) var(--spacing-4)}}.layout{background:var(--color-background);display:flex;flex-direction:column;min-height:100vh}.main-content{animation:fadeIn .4s ease-out;flex:1 1;padding-top:10px}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease-in}.order-success-page{align-items:center;background:#1a1d29;background:var(--color-background,#1a1d29);display:flex;justify-content:center;min-height:calc(100vh - 80px);min-height:calc(100vh - var(--header-height, 80px));padding:4rem 1.5rem}.order-success-container{max-width:600px;width:100%}.order-success-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:4rem 3rem;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 30px #10b9814d;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;width:120px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon i,.success-icon:before{color:#fff;font-size:4rem}.success-icon:before{content:"✓";font-weight:700}.order-success-title{color:#fff;color:var(--color-text,#fff);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.order-success-message{font-size:1.25rem;line-height:1.6;margin-bottom:1rem}.order-success-message,.order-success-submessage{color:#b8b8b8;color:var(--color-text-secondary,#b8b8b8)}.order-success-submessage{font-size:1rem;margin-bottom:2.5rem}.continue-shopping-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea66;cursor:pointer;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.continue-shopping-btn:hover{box-shadow:0 6px 20px #667eea99;text-decoration:none}@media (max-width:768px){.order-success-card{padding:3rem 2rem}.order-success-title{font-size:2rem}.success-icon{height:100px;width:100px}.success-icon:before{font-size:3rem}}.modal-backdrop{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--spacing-6);position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#0f172a!important;border:1px solid #00d4ff4d;border-radius:24px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all .3s cubic-bezier(.4,0,.2,1);width:44px;z-index:10}.modal-close svg{display:block}.modal-close:hover{background:#fff3;border-color:#00d4ff80;transform:rotate(90deg)}.modal-content{grid-gap:var(--spacing-8);background:#0f172a;color:#e2e8f0;display:grid;gap:var(--spacing-8);grid-template-columns:1fr 1fr;padding:var(--spacing-8)}.modal-image-section{align-items:center;display:flex;justify-content:center}.modal-image-wrapper{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;position:relative;width:100%}.modal-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.modal-image-wrapper:hover .modal-image{transform:scale(1.05)}.modal-info-section{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4) 0}.modal-category{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#06f);-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.modal-title{color:#e2e8f0!important;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin:0}.modal-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#06f);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:var(--spacing-2) 0}.modal-description{color:#94a3b8!important;flex:1 1;font-size:1rem;line-height:1.7;margin:var(--spacing-4) 0}.modal-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6)}.modal-add-to-cart-btn,.modal-close-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-4) var(--spacing-6);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-add-to-cart-btn{background:linear-gradient(135deg,#00d4ff,#06f);color:#fff;overflow:hidden;position:relative}.modal-add-to-cart-btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.modal-add-to-cart-btn:active:after{height:300px;width:300px}.modal-add-to-cart-btn:hover{box-shadow:0 10px 30px #00d4ff66;transform:translateY(-2px)}.modal-add-to-cart-btn:active{transform:scale(.98)}.modal-close-btn{background:#ffffff0d;border:1px solid #fff3;color:var(--color-text)}.modal-close-btn:hover{background:#ffffff1a;border-color:#00d4ff80;transform:translateY(-2px)}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#06f);border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00e5ff,#07f)}@media (max-width:768px){.modal-backdrop{align-items:flex-end;padding:0}.modal-container{animation:slideUpMobile .4s cubic-bezier(.4,0,.2,1);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;max-height:95vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content{gap:var(--spacing-6);grid-template-columns:1fr;padding:var(--spacing-6);padding-top:var(--spacing-16)}.modal-close{right:var(--spacing-3);top:var(--spacing-3)}.modal-actions{flex-direction:column}}@media (max-width:480px){.modal-content{padding:var(--spacing-4);padding-top:var(--spacing-12)}.modal-title{font-size:1.5rem}.modal-price{font-size:1.75rem}}.hero,body.modal-open{overflow:hidden}.hero{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.hero:before{background:#0f172aa6;content:"";inset:0;position:absolute;z-index:0}.hero .container{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:1}.hero-background{inset:0;overflow:hidden;position:absolute;z-index:0}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,var(--color-primary),#0000);height:500px;left:-250px;top:-250px;width:500px}.orb-2{animation-delay:5s;background:radial-gradient(circle,var(--color-secondary),#0000);bottom:-200px;height:400px;right:-200px;width:400px}.orb-3{animation-delay:10s;background:radial-gradient(circle,var(--color-accent),#0000);height:300px;right:10%;top:50%;width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:800px;padding:0 var(--spacing-4);position:relative;text-align:center;width:100%;z-index:2}.hero-badge{animation:fadeInUp .8s ease-out .2s backwards;display:flex;justify-content:center;margin-bottom:var(--spacing-6)}.hero-title{animation:fadeInUp .8s ease-out .3s backwards;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--spacing-6);text-align:center;width:100%}.hero-description{animation:fadeInUp .8s ease-out .4s backwards;color:var(--color-text-secondary);font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.6;margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:600px;text-align:center;width:100%}.hero-actions{animation:fadeInUp .8s ease-out .5s backwards;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-12)}.hero-stats{grid-gap:var(--spacing-6);animation:fadeInUp .8s ease-out .6s backwards;border-top:1px solid #ffffff1a;display:grid;gap:var(--spacing-6);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:600px;padding-top:var(--spacing-8)}.stat{text-align:center}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:var(--spacing-2)}.stat-label{color:var(--color-text-muted);font-size:.9rem}.hero-scroll-indicator{align-items:center;animation:fadeIn 1s ease-out 1s backwards;bottom:var(--spacing-8);color:var(--color-text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:var(--spacing-2);left:50%;position:absolute;transform:translateX(-50%)}.scroll-mouse{border:2px solid #ffffff4d;border-radius:12px;height:40px;margin-bottom:var(--spacing-2);position:relative;width:24px}.scroll-wheel{animation:scroll 2s ease-in-out infinite;background:var(--color-primary);border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.features-section{background:linear-gradient(to bottom,var(--color-background),var(--color-surface));padding:var(--spacing-16) 0}.section-header{animation:fadeInUp .6s ease-out;margin-bottom:var(--spacing-12);text-align:center}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--spacing-4)}.section-description{color:var(--color-text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{animation:fadeInUp .6s ease-out backwards;background:#ffffff05;border:1px solid #ffffff1a;border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{background:#ffffff0d;border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-icon{animation:pulse 2s ease-in-out infinite;display:inline-block;font-size:3rem;margin-bottom:var(--spacing-4)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-3)}.feature-description{color:var(--color-text-secondary);line-height:1.6}.featured-products{padding:var(--spacing-16) 0}.products-grid{grid-gap:var(--spacing-8);gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-12)}.product-card{animation:fadeInUp .6s ease-out backwards;border:1px solid #ffffff1a;color:inherit;cursor:pointer;position:relative;text-decoration:none;transition:all var(--transition-normal)}.product-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.product-badge{font-size:.75rem;font-weight:600;letter-spacing:.5px;position:absolute;right:var(--spacing-4);text-transform:uppercase;top:var(--spacing-4);z-index:2}.badge-best-seller{background:linear-gradient(135deg,var(--color-secondary),#ea580c)}.badge-new{background:linear-gradient(135deg,var(--color-primary),#8b5cf6)}.badge-popular{background:linear-gradient(135deg,var(--color-accent),#ec4899)}.product-image-wrapper{aspect-ratio:4/3;background:linear-gradient(135deg,#6366f11a,#f59e0b1a)}.product-image{transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{background:linear-gradient(0deg,#000c,#0000);inset:0;padding:var(--spacing-6);transition:opacity var(--transition-normal)}.quick-view{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg);color:#fff;font-weight:600;padding:var(--spacing-3) var(--spacing-6)}.product-info{flex:1 1;padding:var(--spacing-6)}.product-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-2)}.product-description{flex:1 1;line-height:1.5;margin-bottom:var(--spacing-4)}.product-footer{align-items:center;border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:var(--spacing-4)}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.btn-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal);width:40px}.btn-icon:hover{box-shadow:var(--shadow-lg);transform:translateX(4px)}.section-footer{animation:fadeIn .6s ease-out .3s backwards;text-align:center}.cta-section{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));overflow:hidden;padding:var(--spacing-16) 0;position:relative}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.5;position:absolute}.cta-content{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:700px;position:relative;text-align:center}.cta-title{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--spacing-4)}.cta-description{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-8)}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}@media (max-width:768px){.hero{height:auto;min-height:100vh;padding:calc(var(--header-height) + var(--spacing-8)) var(--spacing-4) var(--spacing-8)}.hero-content{padding:0 var(--spacing-4)}.hero-title{font-size:2.5rem}.hero-stats{padding:var(--spacing-6) var(--spacing-4)}.features-grid,.hero-stats,.products-grid{gap:var(--spacing-6);grid-template-columns:1fr}.cta-actions,.hero-actions{flex-direction:column;width:100%}.cta-actions .btn,.hero-actions .btn{width:100%}.orb-1,.orb-2,.orb-3{height:300px;width:300px}.stat-label,.stat-value{font-size:1rem}}@media (max-width:480px){.hero{padding:calc(var(--header-height) + var(--spacing-6)) var(--spacing-3) var(--spacing-6)}.hero-title{font-size:1.75rem;line-height:1.2}.hero-description{font-size:.95rem}.cta-title,.section-title{font-size:1.75rem}.hero-stats{gap:var(--spacing-4)}.stat-value{font-size:2rem}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.products-page{background:var(--color-background);min-height:100vh;padding-bottom:var(--spacing-3xl);padding-top:calc(var(--header-height) + var(--spacing-md))}.products-header{animation:fadeInUp .6s ease-out;margin-bottom:var(--spacing-lg);text-align:center}.products-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-md)}.products-subtitle{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0 auto;max-width:600px}.filter-section{animation:fadeInUp .6s ease-out .2s backwards;margin-bottom:var(--spacing-2xl)}.filter-buttons{background:var(--color-surface);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg)}.filter-btn,.filter-buttons{border:1px solid var(--color-border)}.filter-btn{background:var(--color-surface-elevated);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:600;overflow:hidden;padding:var(--spacing-sm) var(--spacing-xl);position:relative;transition:all var(--transition-base)}.filter-btn:before{background:radial-gradient(circle,#6366f11a,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.filter-btn:hover:before{height:200px;width:200px}.filter-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);box-shadow:var(--shadow-glow);color:#fff}.products-grid{grid-gap:var(--spacing-2xl);animation:fadeInUp .6s ease-out .4s backwards;display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:#6366f180;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.product-image-wrapper{background:linear-gradient(135deg,var(--color-surface-elevated) 0,var(--color-surface) 100%);height:280px;overflow:hidden;position:relative;width:100%}.product-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.product-card:hover .product-image{transform:scale(1.08)}.product-overlay{align-items:flex-end;background:linear-gradient(180deg,#0f172a00,#0f172af2);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:var(--spacing-xl);position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.quick-view-btn{background:#fff;border:none;border-radius:var(--radius-md);box-shadow:0 4px 20px #fff3;color:var(--color-background);cursor:pointer;font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;padding:var(--spacing-md) var(--spacing-2xl);text-decoration:none;text-transform:uppercase;transform:translateY(10px);transition:all .3s ease}.product-card:hover .quick-view-btn{transform:translateY(0)}.quick-view-btn:hover{background:var(--color-primary);box-shadow:0 4px 20px #6366f166;color:#fff}.product-info{display:flex;flex-direction:column;flex-grow:1;gap:var(--spacing-md);padding:var(--spacing-2xl)}.product-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.product-description{color:var(--color-text-secondary);flex-grow:1;font-size:var(--text-sm);line-height:1.6;margin:0;min-height:60px}.product-footer{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:auto}.product-price{align-items:center;display:flex;gap:var(--spacing-xs)}.price-currency{color:var(--color-success);font-size:var(--text-lg);font-weight:700}.price-amount{color:var(--color-success);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;line-height:1}.product-actions{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.product-actions .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--spacing-xs);justify-content:center;letter-spacing:.01em;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.product-actions .btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.product-actions .btn:active:before{height:300px;width:300px}.product-actions .btn-secondary{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.product-actions .btn-secondary:hover{background:var(--color-background);border-color:var(--color-text-primary);box-shadow:0 4px 12px #0003;color:var(--color-text-primary);transform:translateY(-1px)}.product-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;box-shadow:0 2px 8px #6366f14d;color:#fff}.product-actions .btn-primary:hover{box-shadow:0 8px 20px #6366f166;transform:translateY(-1px)}.product-actions svg{flex-shrink:0;height:18px;width:18px}.products-loading{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}@media (max-width:768px){.products-page{padding:calc(var(--header-height) + var(--spacing-xl)) 0 var(--spacing-xl)}.products-title{font-size:var(--text-3xl)}.products-subtitle{font-size:var(--text-base)}.products-grid,.products-loading{gap:var(--spacing-xl);grid-template-columns:1fr}.filter-buttons{gap:var(--spacing-sm)}.filter-btn{font-size:var(--text-xs);padding:var(--spacing-sm) var(--spacing-md)}.product-actions{flex-direction:column}.product-actions .btn{width:100%}}@media (max-width:480px){.product-image-wrapper{height:200px}.product-title{font-size:var(--text-base)}.price-amount{font-size:var(--text-xl)}}.about-page{background:var(--color-background);min-height:100vh;padding-bottom:var(--spacing-3xl);padding-top:calc(var(--header-height) + var(--spacing-md))}.about-header{animation:fadeInUp .6s ease-out;margin-bottom:var(--spacing-2xl);text-align:center}.about-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-lg)}.about-content{animation:fadeInUp .6s ease-out .2s backwards;margin:0 auto var(--spacing-3xl);max-width:800px}.about-text{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.8;margin-bottom:var(--spacing-xl);text-align:center}.categories-section{animation:fadeInUp .6s ease-out .4s backwards;margin-top:var(--spacing-3xl)}.categories-title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center}.categories-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.category-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card:hover{border-color:#6366f180;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.category-image-wrapper{background:linear-gradient(135deg,var(--color-surface-elevated) 0,var(--color-surface) 100%);height:200px;overflow:hidden;position:relative;width:100%}.category-image{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.category-card:hover .category-image{transform:scale(1.08)}.category-name{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;margin:0;padding:var(--spacing-xl);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.about-page{padding-top:calc(var(--header-height) + var(--spacing-sm))}.about-title{font-size:var(--text-3xl)}.about-text{font-size:var(--text-base)}.categories-title{font-size:var(--text-2xl)}.categories-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-image-wrapper{height:180px}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}.category-image-wrapper{height:220px}}.cart-page{background:var(--color-background);min-height:calc(100vh - var(--header-height));padding:6rem 0 var(--spacing-16) 0}.cart-container{margin:0 auto;max-width:1400px;padding:0 var(--spacing-6)}.cart-header{margin-bottom:var(--spacing-12);text-align:center}.cart-title{color:var(--color-text);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:var(--spacing-4)}.empty-cart{border-radius:var(--border-radius-xl);margin:0 auto;max-width:600px;padding:var(--spacing-20) var(--spacing-8)}.empty-cart-icon{color:var(--color-text-secondary);font-size:4rem;margin-bottom:var(--spacing-6)}.empty-cart h2{color:var(--color-text);font-size:2rem;margin-bottom:var(--spacing-4)}.empty-cart p{color:var(--color-text-secondary);font-size:1.125rem;margin-bottom:var(--spacing-8)}.continue-shopping-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:var(--border-radius-lg);color:#fff;display:inline-flex;font-size:1.125rem;font-weight:600;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.continue-shopping-btn:hover{box-shadow:0 10px 30px #00d4ff4d;color:#fff;transform:translateY(-2px)}.cart-content{grid-gap:var(--spacing-8);align-items:start;display:grid;gap:var(--spacing-8);grid-template-columns:1fr 400px}.cart-items{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;display:block;overflow:visible;padding:1.5rem}.cart-items-header{background:#0000;border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:0 0 var(--spacing-4) 0}.cart-items-header h2{color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0}.cart-items-list{display:block;margin:0;padding:0}.cart-item{grid-gap:1.5rem;align-items:center;border-bottom:1px solid #ffffff1a;display:grid;gap:1.5rem;grid-template-columns:100px 1fr auto auto;padding:1.5rem 0;transition:all .3s ease}.cart-item:hover{background:#ffffff05;border-radius:12px;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.cart-item-image{border:1px solid #ffffff1a;border-radius:16px;height:100px;width:100px}.cart-item-details{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.cart-item-title{color:var(--color-text);line-height:1.3;margin:0}.cart-item-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#06f);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:600;line-height:1}.cart-item-actions{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:flex-end}.quantity-controls{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:.75rem;padding:.5rem .75rem}.quantity-btn,.quantity-controls{align-items:center;display:flex;justify-content:center}.quantity-btn{background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:600;height:40px;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.quantity-btn:hover{box-shadow:0 4px 12px #00d4ff66;transform:scale(1.1)}.quantity-display{color:var(--color-text);font-size:1.125rem;font-weight:600;line-height:1;min-width:30px;text-align:center}.item-total{align-items:flex-end;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:.5px;line-height:1;min-width:100px;text-transform:uppercase}.item-total-amount{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1}.order-summary{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0003;padding:var(--spacing-8);position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--spacing-4))}.order-summary-header{border-bottom:1px solid #ffffff1a;color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.summary-line{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1rem;justify-content:space-between;padding:var(--spacing-4) 0}.summary-line-label{font-weight:500}.summary-line-value{color:var(--color-text);font-weight:600}.summary-divider{background:#ffffff1a;height:1px;margin:var(--spacing-4) 0}.summary-total{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-4);padding:var(--spacing-4) 0}.summary-total-label{color:var(--color-text);font-size:1.25rem;font-weight:700}.summary-total-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#06f);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.checkout-btn{background:linear-gradient(135deg,#00d4ff,#06f);border:none;border-radius:16px;box-shadow:0 4px 16px #00d4ff4d;color:#fff;display:block;font-size:1.125rem;font-weight:600;margin-top:var(--spacing-6);padding:var(--spacing-4);text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.checkout-btn:hover{box-shadow:0 8px 24px #00d4ff80;color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:1024px){.cart-content{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:768px){.cart-page{padding:var(--spacing-8) 0}.cart-item{flex-wrap:wrap;gap:1rem}.cart-item-image{height:80px;width:80px}.cart-item-details{flex:1 1}.cart-item-actions{align-items:center;flex-direction:row;justify-content:space-between;min-width:auto;width:100%}.cart-title{font-size:2rem}}@media (max-width:480px){.cart-container{padding:0 var(--spacing-4)}.cart-item{padding:1rem}.cart-item-image{height:70px;width:70px}.quantity-controls{gap:var(--spacing-2)}.quantity-btn{font-size:1rem;height:32px;width:32px}}.checkout-page{background:#1a1d29;background:var(--color-background,#1a1d29);min-height:calc(100vh - 80px);min-height:calc(100vh - var(--header-height, 80px));padding:6rem 0 2rem}.checkout-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.checkout-title{color:#fff;color:var(--color-text,#fff);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:2rem;text-align:center}.checkout-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.checkout-content{grid-template-columns:1fr 400px}}.order-summary-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:100px}.order-summary-title{border-bottom:1px solid #ffffff1a;color:#fff;color:var(--color-text,#fff);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.order-summary-item{align-items:center;color:#b8b8b8;color:var(--color-text-secondary,#b8b8b8);display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.order-summary-item.subtotal{border-bottom:1px solid #ffffff0d}.order-summary-item.total{border-top:1px solid #ffffff1a;color:#fff;color:var(--color-text,#fff);font-size:1.25rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.checkout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.checkout-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.checkout-button:disabled{cursor:not-allowed;opacity:.6}.cart-items-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.cart-items-title{border-bottom:1px solid #ffffff1a;color:#fff;color:var(--color-text,#fff);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.cart-item{border-bottom:1px solid #ffffff0d;display:flex;gap:1rem;padding:1.25rem 0}.cart-item:first-child{padding-top:0}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item-image{background:#ffffff0d;border-radius:12px;flex-shrink:0;height:90px;object-fit:cover;width:90px}.cart-item-details{flex:1 1}.cart-item-title{color:#fff;color:var(--color-text,#fff);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.cart-item-price{color:#b8b8b8;color:var(--color-text-secondary,#b8b8b8);font-size:.875rem;margin-bottom:.25rem}.cart-item-total{color:#fff;color:var(--color-text,#fff);font-size:1rem;font-weight:600}.empty-cart{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:4rem 2rem;text-align:center}.empty-cart h4{color:#fff;color:var(--color-text,#fff);margin-bottom:1.5rem}.empty-cart .btn{font-size:1rem;padding:.75rem 2rem}.page-not-found{align-items:center;background:#1a1d29;background:var(--color-background,#1a1d29);display:flex;justify-content:center;min-height:calc(100vh - 80px);min-height:calc(100vh - var(--header-height, 80px));padding:4rem 1.5rem}.not-found-container{max-width:600px;width:100%}.not-found-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:4rem 3rem;text-align:center}.error-code{-webkit-text-fill-color:#0000;animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:900;line-height:1;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.not-found-title{color:#fff;color:var(--color-text,#fff);font-size:2rem;font-weight:700;margin-bottom:1rem}.not-found-message{color:#b8b8b8;color:var(--color-text-secondary,#b8b8b8);font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem}.home-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.home-btn,.home-btn:hover{color:#fff;text-decoration:none}.home-btn:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.home-btn i{font-size:1rem}@media (max-width:768px){.not-found-card{padding:3rem 2rem}.error-code{font-size:6rem}.not-found-title{font-size:1.75rem}.not-found-message{font-size:1rem}}