.browse-hero{height:540px}.browse-hero-title{margin-bottom:var(--space-md)}.browse-hero-subtitle{margin-bottom:0}.alphabet-section{position:-webkit-sticky;position:sticky;top:80px;z-index:100;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.view-switcher-hero{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-md)}.view-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.875rem 1.75rem;font-size:var(--text-base);font-weight:var(--font-semibold);color:white;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-md);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.2)}.view-btn svg{flex-shrink:0}.view-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(251,191,36,.6);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.view-btn.active{background:rgba(251,191,36,.9);border-color:#fbbf24;color:white;box-shadow:0 4px 16px rgba(251,191,36,.4)}.authorized-info-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.authorized-info-card-large{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.05)}.authorized-info-card-large .info-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(251,191,36,.1);border-radius:50%;margin-bottom:var(--space-lg)}.authorized-info-card-large .info-icon svg{color:var(--accent-sand)}.authorized-info-card-large h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:var(--font-bold)}.authorized-info-card-large p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto var(--space-xl)}.authorized-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-top:var(--space-2xl);max-width:1000px;margin-left:auto;margin-right:auto}.benefit-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .2s ease}.benefit-item svg{color:var(--success);flex-shrink:0}.benefit-item span{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.benefit-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08)}.city-grouped-list{display:flex;flex-direction:column;gap:var(--space-3xl)}.city-group-section{display:flex;flex-direction:column;gap:var(--space-xl)}.city-group-heading{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);font-weight:var(--font-bold);padding-bottom:var(--space-md);border-bottom:2px solid var(--accent-sand);margin:0}.city-group-heading svg{color:var(--accent-sand)}.hero-stats{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg)}.stat-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(251,191,36,.4);border-radius:var(--radius-full);font-weight:var(--font-semibold);color:white;font-size:var(--text-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-badge svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cta-section-secondary{padding:var(--space-4xl) 0;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-top:1px solid var(--border-light)}.cta-content-secondary{text-align:center;max-width:700px;margin:0 auto}.cta-content-secondary h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-md);font-weight:var(--font-bold)}.cta-content-secondary p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}[data-theme=dark] .alphabet-section{background:rgba(30,30,30,.98);border-bottom-color:var(--border-light)}[data-theme=dark] .view-btn{background:rgba(45,45,45,.8);border-color:rgba(255,255,255,.2)}[data-theme=dark] .view-btn:hover{background:rgba(60,60,60,.9);border-color:rgba(212,206,196,.4)}[data-theme=dark] .view-btn.active{background:rgba(212,206,196,.9);border-color:var(--accent-taupe);color:var(--primary-dark)}[data-theme=dark] .authorized-info-section{background:var(--bg-tertiary)}[data-theme=dark] .authorized-info-card-large{background:var(--bg-secondary);border-color:var(--border-light)}[data-theme=dark] .authorized-info-card-large .info-icon{background:rgba(212,206,196,.1)}[data-theme=dark] .benefit-item{background:var(--bg-tertiary);border-color:var(--border-light)}[data-theme=dark] .stat-badge{background:rgba(45,45,45,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(251,191,36,.3);color:white}[data-theme=dark] .cta-section-secondary{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-top-color:var(--border-light)}@media (max-width:768px){.browse-hero{height:460px}.alphabet-section{top:64px}.view-switcher-hero{flex-direction:column;max-width:280px;margin:var(--space-sm) auto 0;gap:var(--space-xs)}.view-btn{width:100%;justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem}.authorized-info-card-large{padding:var(--space-xl)}.authorized-info-card-large h2{font-size:var(--text-2xl)}.authorized-info-card-large p{font-size:var(--text-base)}.authorized-benefits{grid-template-columns:1fr;gap:var(--space-md)}.hero-stats{flex-direction:column;gap:var(--space-md)}.stat-badge{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.city-group-heading{font-size:var(--text-xl)}}@media (max-width:480px){.browse-hero{height:420px}.alphabet-section{top:60px}.view-switcher-hero{margin-top:var(--space-xs);max-width:240px}.view-btn{padding:.625rem 1.25rem;font-size:.875rem}}