.genres-page{padding-bottom:var(--space-12)}.genres-hero{padding-top:var(--space-12);padding-bottom:var(--space-10);position:relative;overflow:hidden}.genres-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.05fr);gap:var(--space-8);align-items:center}.genres-hero-content{max-width:38rem}.genres-hero-visual{position:relative}.genres-hero-figure{min-height:320px;display:flex;align-items:stretch;justify-content:stretch}.genres-hero-image{width:100%;height:100%;object-fit:cover}.genres-hero-overlay{background:radial-gradient(circle at 0 0,rgba(53,181,255,0.32),transparent 60%),radial-gradient(circle at 100% 100%,rgba(255,79,123,0.34),transparent 60%);mix-blend-mode:soft-light;opacity:0.9}.genres-overview{padding-top:var(--space-6);padding-bottom:var(--space-4)}.genres-section-header{max-width:760px}.genres-pills{margin-top:var(--space-4)}.genres-pill{border-radius:999px;border:1px solid rgba(148,163,255,0.6);background:rgba(8,13,40,0.92);color:var(--color-gray-50);padding:0.4rem 0.95rem;font-size:0.8rem;font-family:var(--font-display);letter-spacing:0.14em;text-transform:uppercase;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);display:inline-flex;align-items:center;gap:0.4rem}.genres-pill::before{content:"";width:7px;height:7px;border-radius:999px;background:radial-gradient(circle at 30% 0,#e5efff,#35b5ff);opacity:0.65;transition:opacity var(--transition-base)}.genres-pill:hover{background:linear-gradient(120deg,rgba(53,181,255,0.3),rgba(255,79,123,0.25));border-color:rgba(255,255,255,0.9);box-shadow:0 12px 32px rgba(0,0,0,0.85);transform:translateY(-1px)}.genres-pill.is-active{background:linear-gradient(120deg,#35b5ff,#ff4f7b);border-color:rgba(255,255,255,0.95);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,0.95)}.genres-pill.is-active::before{opacity:1}.genres-grid-section{padding-top:var(--space-2);padding-bottom:var(--space-6)}.genre-card .genre-media{margin-bottom:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(148,163,255,0.45);box-shadow:0 20px 45px rgba(0,0,0,0.85)}.genre-card .genre-image{width:100%;height:220px;object-fit:cover}.genres-grid .card-body ul{margin-top:var(--space-2)}.genres-ranking{padding-top:var(--space-4);padding-bottom:var(--space-6)}.genres-ranking-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);gap:var(--space-6);align-items:flex-start}.genres-ranking-list{display:flex;flex-direction:column;gap:var(--space-4)}.genres-ranking-card{padding:var(--space-5)}.genres-aside-card{height:100%;display:flex;flex-direction:column;justify-content:space-between}.genres-aside-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.genres-cta{padding-top:var(--space-4)}.genres-cta-card{display:flex;flex-direction:column;gap:var(--space-4);background:radial-gradient(circle at 0 0,rgba(53,181,255,0.24),transparent 60%),radial-gradient(circle at 100% 100%,rgba(255,79,123,0.22),transparent 60%),rgba(5,10,30,0.98)}.genres-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.genres-cta-meta{border-top:1px solid rgba(148,163,255,0.35);padding-top:var(--space-4)}@media (max-width:1200px){.genres-hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr)}}@media (max-width:960px){.genres-hero-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.genres-hero{padding-top:var(--space-10);padding-bottom:var(--space-8)}.genres-ranking-layout{grid-template-columns:minmax(0,1fr)}.genres-cta-card{padding:var(--space-5)}}@media (max-width:640px){.genres-hero{padding-top:var(--space-8);padding-bottom:var(--space-6)}.genres-hero-content{max-width:100%}.genre-card .genre-image{height:190px}.genres-cta-actions{flex-direction:column;align-items:stretch}.genres-cta-card{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.genres-pill,.genre-card,.genres-cta-card,.genres-hero-figure{transition:none}}