@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";:root{--bg-color: #0b1120;--surface-color: #111827;--surface-elevated: #1f2937;--text-primary: #f8fafc;--text-secondary: #94a3b8;--brand-blue: #2563eb;--brand-blue-light: #3b82f6;--brand-blue-dark: #1d4ed8;--accent-red: #ef4444;--accent-red-hover: #dc2626;--brand-gradient: linear-gradient(135deg, var(--brand-blue-light), var(--brand-blue));--accent-gradient: linear-gradient(135deg, var(--brand-blue), var(--accent-red));--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Outfit", var(--font-sans);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--shadow-sm: 0 2px 6px rgba(0,0,0,.4);--shadow-md: 0 8px 16px rgba(0,0,0,.4);--shadow-lg: 0 16px 32px rgba(0,0,0,.5);--shadow-glow: 0 6px 24px rgba(37,99,235,.25)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:opacity .2s ease,color .2s ease}a:hover{opacity:.8}button{font-family:inherit;cursor:pointer;border:none;background:none}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card{background:var(--surface-color);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.product-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:#2563eb40}.product-card:hover:before{opacity:1}.btn-primary{background:var(--brand-blue);color:#fff;padding:.65rem 1.25rem;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 3px 12px #2563eb4d;display:inline-flex;align-items:center;gap:.4rem}.btn-primary:hover{background:var(--brand-blue-light);transform:translateY(-1px);box-shadow:0 5px 18px #2563eb66}.btn-accent{background:var(--accent-red);color:#fff;padding:.65rem 1.25rem;border-radius:var(--radius-full);font-weight:600;transition:all .3s ease}.btn-accent:hover{background:var(--accent-red-hover)}.glass{background:#0b1120d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.marquee-wrapper{overflow:hidden;white-space:nowrap;position:relative}.marquee-track{display:inline-flex;animation:marqueeScroll 28s linear infinite;will-change:transform}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.floating-cart-btn:hover{transform:scale(1.1)!important}.section{padding:3rem 0}.section-sm{padding:2rem 0}.ugc-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--surface-color);transition:transform .3s ease,box-shadow .3s ease}.ugc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow)}.filter-chip{padding:.4rem .9rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);background:var(--surface-color);color:var(--text-secondary);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s ease}.filter-chip.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.filter-chip:hover:not(.active){border-color:var(--brand-blue-light);color:var(--brand-blue-light)}.filter-chip-small{padding:.3rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:var(--text-secondary);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.filter-chip-small.active{background:#2563eb33;color:var(--brand-blue-light);border-color:#2563eb4d}.filter-chip-small:hover:not(.active){border-color:#fff3;color:var(--text-primary)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;letter-spacing:.03em}.badge-blue{background:#2563eb26;color:var(--brand-blue-light);border:1px solid rgba(37,99,235,.3)}.badge-red{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.icon-btn{color:var(--text-secondary);transition:color .2s ease;background:none;border:none;display:flex;align-items:center}.icon-btn:hover{color:var(--text-primary)}.stars{display:flex;gap:2px}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:480px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.products-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(5,1fr)}}.scroll-x{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.25rem}.scroll-x::-webkit-scrollbar{display:none}@media(max-width:768px){.nav-desktop{display:none!important}h1{font-size:clamp(2rem,8vw,3.5rem)!important}}@media(min-width:769px){.nav-mobile-toggle{display:none!important}}
