*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-glass:#ffffffd9;--bg-glass-hover:#fffffff2;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--accent:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e526;--border:#e2e8f0;--border-hover:#cbd5e1;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--nav-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000006;--shadow-card-hover:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-accent:0 4px 14px 0 #4f46e540;--transition-fast:.1s ease-in-out;--transition-smooth:.2s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#09090b;--bg-secondary:#18181b;--bg-card:#18181b;--bg-card-hover:#27272a;--bg-glass:#18181bd9;--bg-glass-hover:#27272af2;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:#6366f126;--border:#27272a;--border-hover:#3f3f46;--success:#34d399;--danger:#f87171;--warning:#fbbf24}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-smooth), color var(--transition-smooth);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:var(--accent-glow);color:var(--text-primary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,#f5f5f7 0%,#a1a1a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{color:var(--accent)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.glass-hover{transition:background var(--transition-smooth), border-color var(--transition-smooth)}.glass-hover:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.btn{border-radius:var(--radius-sm);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:#f5f5f7d9;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f199}.btn-outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--border-hover);background:var(--bg-glass)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-glass)}.btn-danger{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-sm{padding:8px 18px;font-size:13px}.btn-lg{padding:16px 36px;font-size:17px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-smooth);overflow:hidden}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);transition:all var(--transition-fast);background:0 0;outline:none;width:100%;padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-tertiary)}.form-input option{background-color:var(--bg-card);color:var(--text-primary)}.form-select{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);transition:all var(--transition-fast);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236e6e73' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") right 16px center no-repeat;outline:none;width:100%;padding:12px 44px 12px 16px;font-size:15px}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-select option{background-color:var(--bg-card);color:var(--text-primary)}textarea.form-input{resize:vertical;min-height:100px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-new{background:var(--accent-glow);color:var(--accent)}.badge-sale{color:var(--danger);background:#ff3b3026}.badge-hot{color:var(--warning);background:#ff950026}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-title{letter-spacing:-.02em;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.15}.section-subtitle{color:var(--text-secondary);font-size:clamp(15px,1.5vw,17px);line-height:1.7}.divider{background:var(--border);width:100%;height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeUp{animation:.6s forwards fadeUp}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-scaleIn{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.swiper-pagination-bullet{opacity:1!important;background:#ffffff4d!important;width:8px!important;height:8px!important;transition:all .3s!important}.swiper-pagination-bullet-active{background:#fff!important;border-radius:4px!important;width:24px!important}@media (max-width:768px){.container{padding:0 16px}}