@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--font-primary:"Plus Jakarta Sans",sans-serif;--font-display:"Outfit",sans-serif;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-hover:#4f46e5;--accent-soft:rgba(99,102,241,.1);--accent-soft-violet:rgba(139,92,246,.1);--border-color:#e2e8f0;--border-hover:#cbd5e1;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.5);--glass-blur:blur(12px);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.25rem;--radius-full:9999px}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--accent-primary:#818cf8;--accent-secondary:#a78bfa;--accent-hover:#6366f1;--accent-soft:rgba(129,140,248,.15);--accent-soft-violet:rgba(167,139,250,.15);--border-color:#374151;--border-hover:#4b5563;--glass-bg:rgba(17,24,39,.7);--glass-border:hsla(0,0%,100%,.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass-card,.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-primary{background-color:var(--accent-soft);color:var(--accent-primary)}.badge-secondary{background-color:var(--accent-soft-violet);color:var(--accent-secondary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:2rem;gap:2rem}@media (max-width:640px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:1.5rem}}.hero-grid{grid-template-columns:1.2fr 1fr;grid-gap:3rem}.banner-grid,.hero-grid{display:grid;gap:3rem;align-items:center}.banner-grid{grid-template-columns:1.3fr 1fr;grid-gap:3rem}.checkout-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:4rem;gap:4rem;align-items:flex-start}.catalog-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:2.5rem;gap:2.5rem}.header-container{height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:4rem;text-align:center}.hero-grid .animate-fade-in{align-items:center!important}.hero-grid h1{font-size:3rem!important}.hero-grid p{margin:0 auto}.hero-grid div{justify-content:center!important}.banner-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.banner-grid p{margin:0 auto 1.5rem}.checkout-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.catalog-layout{grid-template-columns:1fr;gap:2.5rem}.header-container{flex-direction:column;height:auto;padding:1rem;gap:1rem}.header-container form{max-width:100%!important;width:100%;order:3}.header-container nav{width:100%;justify-content:center;flex-wrap:wrap;gap:1rem;order:2}}