._75P7Lq_pageContainer{background:var(--color-bg-page);min-height:100vh;margin-top:-.5rem;padding-top:.5rem}._75P7Lq_hero{background:linear-gradient(180deg, var(--color-bg-page) 0%, var(--color-bg-tertiary) 100%);border-bottom:1px solid var(--color-border-primary);justify-content:center;align-items:center;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:visible}._75P7Lq_hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#d32f2f14,#0000 55%);animation:8s ease-in-out infinite alternate _75P7Lq_heroGlow;position:absolute;inset:0}@keyframes _75P7Lq_heroGlow{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(10px)}}._75P7Lq_heroContent{z-index:2;text-align:center;width:100%;max-width:700px;padding:0 .5rem;animation:.6s ease-out _75P7Lq_fadeInUp;position:relative}._75P7Lq_heroTitle{font-family:var(--font-montserrat), system-ui, sans-serif;color:var(--color-text-primary);margin-bottom:1rem;font-weight:700;line-height:1.15}._75P7Lq_heroTitleMain{font-size:clamp(1.5rem,4vw,2.25rem);display:block}._75P7Lq_heroTitleAccent{color:var(--color-brand);margin-top:.125rem;font-size:clamp(2rem,6vw,3rem);display:block}._75P7Lq_heroSubtitle{font-family:var(--font-inter), system-ui, sans-serif;color:var(--color-text-muted);max-width:550px;margin:0 auto 1.5rem;font-size:1rem;line-height:1.6;animation:.6s ease-out .1s both _75P7Lq_fadeInUp}._75P7Lq_searchContainer{max-width:500px;margin:0 auto;animation:.6s ease-out .2s both _75P7Lq_fadeInUp}._75P7Lq_searchWrapper{position:relative}._75P7Lq_searchIcon{color:var(--color-text-subtle);pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}._75P7Lq_searchWrapper:focus-within ._75P7Lq_searchIcon{color:var(--color-brand)}._75P7Lq_searchInput{background:var(--color-bg-tertiary);border:1px solid var(--color-border-tertiary);width:100%;color:var(--color-text-primary);border-radius:10px;padding:.875rem 2.75rem;font-size:.95rem;transition:all .2s}._75P7Lq_searchInput:focus{border-color:#ff3b3080;outline:none;box-shadow:0 0 0 3px #ff3b301a}._75P7Lq_searchInput::placeholder{color:var(--color-text-subtle)}._75P7Lq_clearButton{width:28px;height:28px;color:var(--color-text-subtle);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s,transform .1s;animation:.15s ease-out _75P7Lq_clearButtonFadeIn;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}@keyframes _75P7Lq_clearButtonFadeIn{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}._75P7Lq_clearButton:hover{color:var(--color-text-primary);background:#ffffff1a}._75P7Lq_clearButton:active{transform:translateY(-50%)scale(.9)}._75P7Lq_adContainer{max-width:1200px;min-height:100px;margin:0 auto;padding:0 1rem}._75P7Lq_section{padding:2rem 1rem;position:relative}._75P7Lq_sectionContainer{max-width:1200px;margin:0 auto}._75P7Lq_sectionHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}._75P7Lq_sectionTitleGroup{align-items:center;gap:.75rem;display:flex}._75P7Lq_sectionIcon{width:36px;height:36px;color:var(--color-brand);background:#ff3b301f;border-radius:8px;justify-content:center;align-items:center;transition:transform .2s,background .2s;display:flex}._75P7Lq_sectionTitleGroup:hover ._75P7Lq_sectionIcon{background:#ff3b302e;transform:scale(1.05)}._75P7Lq_sectionTitle{font-family:var(--font-montserrat), system-ui, sans-serif;color:var(--color-text-secondary);margin:0;font-size:1.25rem;font-weight:700}._75P7Lq_sortContainer{position:relative}._75P7Lq_sortButton{background:var(--color-bg-tertiary);border:1px solid var(--color-border-tertiary);color:var(--color-text-tertiary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}._75P7Lq_sortButton:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}._75P7Lq_sortDropdown{background:var(--color-bg-tertiary);border:1px solid var(--color-border-tertiary);z-index:50;border-radius:10px;min-width:180px;animation:.15s ease-out _75P7Lq_dropdownFadeIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}@keyframes _75P7Lq_dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._75P7Lq_sortOption{border:none;border-bottom:1px solid var(--color-border-secondary);width:100%;color:var(--color-text-tertiary);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;transition:all .15s;display:flex}._75P7Lq_sortOption:last-child{border-bottom:none}._75P7Lq_sortOption:hover{background:#ff3b3014}._75P7Lq_activeSort{color:var(--color-brand);font-weight:600}._75P7Lq_brandsGrid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}._75P7Lq_brandCard{text-align:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:1.5rem 1rem;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;animation:.4s ease-out both _75P7Lq_cardFadeIn;display:flex;position:relative}._75P7Lq_brandsGrid ._75P7Lq_brandCard:first-child{animation-delay:20ms}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(2){animation-delay:40ms}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(3){animation-delay:60ms}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(4){animation-delay:80ms}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(5){animation-delay:.1s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(6){animation-delay:.12s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(7){animation-delay:.14s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(8){animation-delay:.16s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(9){animation-delay:.18s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(10){animation-delay:.2s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(11){animation-delay:.22s}._75P7Lq_brandsGrid ._75P7Lq_brandCard:nth-child(12){animation-delay:.24s}@keyframes _75P7Lq_cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){._75P7Lq_brandCard:hover{background:var(--color-bg-elevated);border-color:#ff3b3080;box-shadow:0 2px 12px #0003}}._75P7Lq_brandCard:active{background:var(--color-bg-hover);border-color:#ff3b3066;transition:background .1s,border-color .1s}._75P7Lq_brandCardLink{color:inherit;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}._75P7Lq_brandCardLink:after{content:"";position:absolute;inset:0}._75P7Lq_brandName{font-family:var(--font-montserrat), system-ui, sans-serif;color:var(--color-text-secondary);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.3}._75P7Lq_brandCount{color:var(--color-text-subtle);background:#ffffff0a;border-radius:4px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}._75P7Lq_brandCountIcon{color:var(--color-brand)}._75P7Lq_emptyBrandCard{border:1px dashed var(--color-border-tertiary);background:#18181899}._75P7Lq_emptyBrandCard:hover{background:#1c1c1ccc;border-color:#ff3b3066}._75P7Lq_requestBadge{color:var(--color-text-muted);background:#ff3b3014;border:1px solid #ff3b3026;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.375rem .625rem;font-size:.75rem;transition:all .2s;display:flex}._75P7Lq_emptyBrandCard:hover ._75P7Lq_requestBadge{background:#ff3b3026;border-color:#ff3b3040}._75P7Lq_requestIcon{color:var(--color-brand);width:12px;height:12px}._75P7Lq_loadingWrapper{justify-content:center;padding:3rem;display:flex}._75P7Lq_emptyState{text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border-tertiary);border-radius:12px;padding:3rem 1.5rem;animation:.5s ease-out _75P7Lq_fadeInUp}._75P7Lq_emptyIcon{width:44px;height:44px;color:var(--color-text-faint);margin:0 auto 1rem}._75P7Lq_emptyTitle{color:var(--color-text-muted);margin-bottom:.5rem;font-size:1rem;font-weight:600}._75P7Lq_emptyText{color:var(--color-text-subtle);margin-bottom:1rem;font-size:.875rem}._75P7Lq_clearSearchButton{color:var(--color-brand);cursor:pointer;background:0 0;border:1px solid #ff3b30;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;transition:all .2s;display:inline-flex}._75P7Lq_clearSearchButton:hover{background:#ff3b301a}._75P7Lq_errorContainer{text-align:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border-tertiary);border-radius:12px;padding:3rem 1.5rem}._75P7Lq_errorMessage{color:var(--color-brand);margin-bottom:1.25rem;font-size:.95rem}._75P7Lq_retryButton{background:var(--color-brand-fill);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}._75P7Lq_retryButton:hover{background:var(--color-brand-fill-hover);box-shadow:0 4px 12px #d32f2f4d}@keyframes _75P7Lq_fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){._75P7Lq_hero{padding:1.25rem 1rem}._75P7Lq_heroTitleMain{font-size:1.25rem}._75P7Lq_heroTitleAccent{font-size:1.75rem}._75P7Lq_heroSubtitle{margin-bottom:1.25rem;font-size:.9rem}._75P7Lq_searchInput{padding:.75rem 2.5rem;font-size:.9rem}._75P7Lq_sectionHeader{margin-bottom:1.25rem}._75P7Lq_sectionTitle{font-size:1.1rem}._75P7Lq_brandsGrid{grid-template-columns:repeat(2,1fr);gap:.625rem}._75P7Lq_brandCard{min-height:85px;padding:1.25rem .75rem}._75P7Lq_brandName{font-size:.9rem}._75P7Lq_brandCount{font-size:.7rem}}@media (max-width:480px){._75P7Lq_hero{padding:1rem}._75P7Lq_heroTitleMain{font-size:1.1rem}._75P7Lq_heroTitleAccent{font-size:1.5rem}._75P7Lq_heroSubtitle{font-size:.85rem}._75P7Lq_section{padding:1.5rem 1rem}._75P7Lq_brandsGrid{gap:.5rem}._75P7Lq_brandCard{min-height:75px;padding:1rem .625rem}._75P7Lq_brandName{font-size:.85rem}._75P7Lq_sortButton{padding:.5rem .75rem;font-size:.8rem}}
.hero-section.no-border{border-bottom:none}.hero-heading{justify-content:center;align-items:center;display:flex}.hero-heading .hero-icon{color:var(--color-brand);margin-right:.75rem;display:inline-flex}.hero-heading span{margin-left:.25rem}
