:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--background:#fafbfc;--background-alt:#f3f4f6;--foreground:#1f2937;--foreground-heading:#111827;--card:#fff;--card-foreground:#1f2937;--border:#e5e7eb;--border-hover:#d1d5db;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-foreground:#fff;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-light:#f5f3ff;--accent-foreground:#fff;--success:#10b981;--success-light:#ecfdf5;--success-foreground:#065f46;--warning:#f59e0b;--warning-light:#fef3c7;--warning-foreground:#92400e;--danger:#ef4444;--danger-light:#fef2f2;--danger-foreground:#991b1b;--muted:#6b7280;--muted-light:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 30px #2563eb26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--header-height:80px}.dark{--background:#0b0f19;--background-alt:#111827;--foreground:#d1d5db;--foreground-heading:#f9fafb;--card:#1f2937;--card-foreground:#f3f4f6;--border:#374151;--border-hover:#4b5563;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#1e293b;--accent:#8b5cf6;--accent-hover:#a78bfa;--accent-light:#2e1065;--muted:#9ca3af;--muted-light:#111827;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--shadow-glow:0 0 35px #3b82f61f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-alt)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section{padding-top:5rem;padding-bottom:5rem}.section-alt{background-color:var(--background-alt)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--foreground-heading);margin-bottom:1rem;font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:3rem}h2{letter-spacing:-.015em;font-size:2.25rem}h3{letter-spacing:-.01em;font-size:1.5rem}p{color:var(--foreground);margin-bottom:1.5rem;font-size:1rem}p.lead{color:var(--muted);font-size:1.25rem}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.btn{font-family:var(--font-sans);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:var(--primary-hover);color:var(--primary-foreground);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb4d}.btn-secondary{background-color:var(--accent);color:var(--accent-foreground)}.btn-secondary:hover{background-color:var(--accent-hover);color:var(--accent-foreground);transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed4d}.btn-outline{border-color:var(--border);color:var(--foreground);background-color:#0000}.btn-outline:hover{border-color:var(--border-hover);background-color:var(--background-alt)}.btn-text{color:var(--primary);background-color:#0000;padding:.5rem 1rem}.btn-text:hover{color:var(--primary-hover);background-color:var(--primary-light)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.card{background-color:var(--card);color:var(--card-foreground);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);padding:2rem}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:var(--foreground-heading);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--card);width:100%;color:var(--foreground);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:1rem}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb26}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-new{background-color:var(--primary-light);color:var(--primary)}.badge-hot{background-color:var(--danger-light);color:var(--danger-foreground)}.badge-sale{background-color:var(--success-light);color:var(--success-foreground)}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-up{animation:slideUp var(--transition-normal) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (width>=768px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (width>=1024px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.w-full{width:100%}.h-full{height:100%}.admin-toast-message{max-width:400px;animation:.3s cubic-bezier(.16,1,.3,1) forwards adminToastFadeIn;position:fixed;bottom:24px;right:24px;z-index:999999!important;text-transform:none!important;border-radius:8px!important;padding:1rem 1.5rem!important;font-size:1rem!important;font-weight:600!important;box-shadow:0 10px 25px #00000026!important}@keyframes adminToastFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.switch-toggle{vertical-align:middle;width:42px;height:22px;display:inline-block;position:relative}.switch-toggle input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.slider-round{z-index:1;background-color:#cbd5e1;border:1px solid #0000000d;border-radius:9999px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000026}.switch-toggle input:checked+.slider-round{background-color:#10b981}.switch-toggle input:checked+.slider-round:before{transform:translate(20px)}.dark .slider-round{background-color:#475569}.dark .switch-toggle input:checked+.slider-round{background-color:#10b981}@media (display-mode:standalone){:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}.header{padding-top:var(--safe-area-top)!important;height:calc(var(--header-height) + var(--safe-area-top))!important}.main-content{padding-top:calc(var(--header-height) + var(--safe-area-top))!important}footer{padding-bottom:calc(2rem + var(--safe-area-bottom))!important}}@media (width<=768px){.section{padding-top:2.5rem!important;padding-bottom:2.5rem!important}}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:var(--header-height,80px)}html,body{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scroll-snap-section{scroll-snap-align:start;scroll-snap-stop:normal;position:relative}.sticky-section-header{top:calc(var(--header-height,70px) + .5rem);z-index:15;will-change:transform, opacity;transition:all .25s cubic-bezier(.25,1,.33,1);position:sticky}.sticky-section-header.is-stuck{-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0d9;border-radius:16px;padding:1rem 1.5rem;box-shadow:0 10px 25px -5px #00000014;margin-bottom:2rem!important}.dark-theme .sticky-section-header.is-stuck,.section-dark .sticky-section-header.is-stuck{background:#0f172ae6;border-color:#ffffff1f;box-shadow:0 10px 25px -5px #00000073}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.scroll-snap-container{scroll-snap-type:none!important}.sticky-section-header{position:static!important}}