*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-navy:#0f1f3d;--dark:#0f1f3d;--dark-2:#1e293b;--dark-3:#334155;--cream:#f8fafc;--cream-2:#f1f5f9;--cream-3:#e2e8f0;--warm-white:#fff;--text-primary:#0f1f3d;--text-secondary:#475569;--text-muted:#64748b;--success:#10b981;--danger:#ef4444;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-full:9999px;--border:#e2e8f0;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0f1f3d0d;--shadow-md:0 4px 6px -1px #0f1f3d1a, 0 2px 4px -1px #0f1f3d0f;--shadow-lg:0 10px 15px -3px #0f1f3d1a, 0 4px 6px -2px #0f1f3d0d;--shadow-primary:0 4px 14px 0 #2563eb63}html,body{background:var(--cream);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-2)}::-webkit-scrollbar-thumb{background:var(--primary-navy);border-radius:var(--radius-full)}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.6s both fadeUp}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.45s}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-primary);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb73}.search-bar{border:1px solid var(--border);border-radius:var(--radius-full);width:100%;max-width:600px;transition:var(--transition);background:#f1f5f9;align-items:center;gap:8px;padding:4px 4px 4px 20px;display:flex}.search-bar:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-bar input::placeholder{color:var(--text-muted)}.search-bar-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:none;padding:10px 24px;font-size:14px;font-weight:600}.search-bar-btn:hover{background:var(--primary-hover)}.cat-pill{border-radius:var(--radius-full);border:1px solid var(--cream-3);color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-flex}.cat-pill:hover,.cat-pill.active{border-color:var(--primary);color:var(--primary);background:#2563eb0d}.product-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-img{aspect-ratio:4/3;background:var(--cream-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.product-card:hover .product-card-img img{transform:scale(1.05)}.product-card-overlay{opacity:0;transition:var(--transition);background:linear-gradient(#0000 40%,#0f1f3d99 100%);position:absolute;inset:0}.product-card:hover .product-card-overlay{opacity:1}.product-card-quick{opacity:0;transition:var(--transition);white-space:nowrap;position:absolute;bottom:16px;left:50%;transform:translate(-50%)translateY(10px)}.product-card:hover .product-card-quick{opacity:1;transform:translate(-50%)translateY(0)}.font-display{letter-spacing:-.02em;font-family:inherit;font-weight:800}.ant-input,.ant-input-affix-wrapper,.ant-input-password{border-radius:var(--radius-sm)!important;border-color:var(--border)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--primary)!important;box-shadow:0 0 0 2px #2563eb26!important}.ant-btn{border-radius:var(--radius-sm)!important;font-weight:600!important}.ant-btn-primary{background:var(--primary)!important;border-color:var(--primary)!important}.ant-btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}