:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: rgba(20, 20, 35, .8);--bg-card-hover: rgba(30, 30, 50, .9);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--accent-glow: rgba(99, 102, 241, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(99, 102, 241, .2);--border-hover: rgba(99, 102, 241, .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--accent-glow);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}section{padding:var(--space-3xl) 0}.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:#0a0a0fe6;backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:800;font-size:1.5rem}.logo-icon{width:40px;height:40px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.nav-desktop{display:none}.nav-desktop ul{display:flex;gap:var(--space-xl);list-style:none}.nav-desktop a{color:var(--text-secondary);font-weight:500;transition:color .3s}.nav-desktop a:hover{color:var(--text-primary)}@media(min-width:768px){.nav-desktop{display:block}.menu-toggle{display:none!important}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:72px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:var(--accent-gradient);filter:blur(120px);opacity:.15;transform:translate(-50%,-50%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:700px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.hero-badge span{color:var(--accent-primary)}.hero h1{margin-bottom:var(--space-lg)}.hero h1 .gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.hero-stats{display:flex;gap:var(--space-xl);justify-content:center;margin-top:var(--space-2xl)}.stat{text-align:center}.stat-value{font-size:1.75rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--text-muted)}.category-section{scroll-margin-top:100px}.category-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.category-icon{width:48px;height:48px;background:var(--accent-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.category-title{flex:1}.category-title h2{margin-bottom:var(--space-xs)}.category-title p{font-size:.875rem;color:var(--text-muted)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .3s ease;position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s}.product-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.product-card:hover:before{opacity:.05}.product-card-content{position:relative;z-index:1}.product-image{width:100%;height:160px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-tag{display:inline-block;padding:var(--space-xs) var(--space-sm);background:#6366f133;border-radius:999px;font-size:.75rem;color:var(--accent-primary);margin-bottom:var(--space-sm)}.product-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm)}.product-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.product-price{font-size:1.25rem;font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-md)}.product-link{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:var(--accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.product-link:hover{transform:scale(1.02);box-shadow:var(--shadow-glow)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-2xl) 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center}.footer-brand{font-family:var(--font-display);font-weight:700;font-size:1.25rem}.social-links{display:flex;gap:var(--space-md)}.social-link{width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s}.social-link:hover{border-color:var(--border-hover);background:var(--accent-gradient)}.footer-copy{font-size:.875rem;color:var(--text-muted)}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm);z-index:110}.menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:all .3s}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0a0a0ffa;backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);z-index:105;opacity:0;visibility:hidden;transition:all .3s}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu a{font-size:1.5rem;font-weight:600;color:var(--text-secondary);transition:color .3s}.mobile-menu a:hover{color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:640px){.hero-stats{flex-direction:column;gap:var(--space-lg)}.products-grid{grid-template-columns:1fr}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.hero[data-astro-cid-j7pv25f6]:after{content:"↓";position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--text-muted);animation:bounce 2s infinite}