.explore-hero{background:linear-gradient(180deg, #0a0f1a 0%, var(--bg) 100%);align-items:center;min-height:60vh;padding:140px 0 80px;display:flex;position:relative;overflow:hidden}.explore-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00bcd41f 0%,#0097a70f 40%,#0000 70%);width:800px;height:800px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.explore-hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.explore-hero-content .page-hero-title{margin-bottom:12px}.explore-hero-content .page-hero-desc{margin:0 auto 32px}.explore-search{max-width:580px;margin:0 auto 28px;position:relative}.explore-search input{background:var(--bg-card);border:1px solid var(--border-2);border-radius:var(--r-pill);color:#fff;width:100%;font-family:var(--font);transition:border-color var(--dur), box-shadow var(--dur);outline:none;padding:16px 56px 16px 22px;font-size:.95rem}.explore-search input::placeholder{color:var(--text-3)}.explore-search input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #00bcd41a}.explore-search button{background:var(--grad-btn);color:#fff;cursor:pointer;width:42px;height:42px;transition:transform var(--dur), box-shadow var(--dur);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.explore-search button:hover{box-shadow:0 4px 16px var(--glow);transform:translateY(-50%)scale(1.05)}.explore-charts{padding:80px 0}.indie-charts-title{justify-content:center;margin:0 auto;line-height:0;display:flex}.indie-charts-title img{width:clamp(280px,42vw,560px);max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 0 24px #00bcd42e);display:block}.explore-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.explore-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur), transform var(--dur), box-shadow var(--dur);overflow:hidden}.explore-card:hover{border-color:#00bcd433;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d}.explore-cover{aspect-ratio:1;position:relative;overflow:hidden}.explore-cover-bg{width:100%;height:100%;transition:transform .6s var(--ease)}.explore-card:hover .explore-cover-bg{transform:scale(1.08)}.explore-rank{font-family:var(--font-d);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-pill);background:#0000008c;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:14px;left:14px}.explore-play{background:var(--grad-btn);color:#fff;opacity:0;width:54px;height:54px;transition:var(--dur);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.explore-card:hover .explore-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.explore-overlay{background:linear-gradient(#0000 50%,#000000b3 100%);position:absolute;inset:0}.explore-info{padding:16px 16px 0}.explore-info h4{margin-bottom:2px;font-size:.95rem;font-weight:600}.explore-info p{color:var(--text-3);font-size:.82rem}.explore-actions{gap:8px;padding:12px 16px 16px;display:flex}.explore-actions .btn-sm-outline,.explore-actions .btn-sm-gradient{border-radius:var(--r-sm);cursor:pointer;transition:var(--dur);text-align:center;flex:1;padding:8px;font-size:.8rem;font-weight:500}.explore-actions .btn-sm-outline{color:#fff;border:1px solid var(--border);background:0 0}.explore-actions .btn-sm-outline:hover{border-color:var(--teal);color:var(--teal)}.explore-actions .btn-sm-gradient{color:#fff;background:var(--grad-btn);border:none}.explore-actions .btn-sm-gradient:hover{opacity:.9}.art-1{background:linear-gradient(135deg,#1a2a4a,#2d1a4a)}.art-2{background:linear-gradient(135deg,#0d2d2d,#1a0d2d)}.art-3{background:linear-gradient(135deg,#2d0d1a,#4a2d0d)}.art-4{background:linear-gradient(135deg,#0d1a2d,#0d2d1a)}.art-5{background:linear-gradient(135deg,#2d1a0d,#0d2d2d)}.art-6{background:linear-gradient(135deg,#1a0d2d,#2d0d1a)}.art-7{background:linear-gradient(135deg,#0d2d1a,#1a2a4a)}.art-8{background:linear-gradient(135deg,#2d0d2d,#0d1a2d)}.art-ph{color:#ffffff26;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.new-releases{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);padding:80px 0}.releases-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.releases-scroll::-webkit-scrollbar{height:4px}.releases-scroll::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:2px}.release-card{scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur), transform var(--dur);flex:0 0 220px;overflow:hidden}.release-card:hover{border-color:#00bcd433;transform:translateY(-4px)}.release-cover{aspect-ratio:1;position:relative;overflow:hidden}.release-cover .art-ph{font-size:2rem}.release-new{text-transform:uppercase;letter-spacing:1px;background:var(--grad-btn);color:#fff;border-radius:var(--r-pill);padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:10px}.release-info{padding:14px}.release-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.9rem;font-weight:600;overflow:hidden}.release-info p{color:var(--text-3);font-size:.78rem}.release-info .release-date{color:var(--teal);margin-top:6px;font-size:.72rem}.playlists-sec{padding:80px 0 100px}.playlists-wrap{padding:0 36px;position:relative}.playlists-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.playlists-nav{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);color:#fff;cursor:pointer;z-index:5;background:radial-gradient(120% 120% at 30% 20%,#00bcd42e,#0000 60%),linear-gradient(160deg,#141820d9,#080a0ee6);border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:.95rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 18px 40px -12px #000000b3,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.playlists-nav.prev{left:8px}.playlists-nav.next{right:8px}.playlists-nav i{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.playlists-nav:hover{border-color:#00bcd473;transform:translateY(-50%)scale(1.06);box-shadow:0 24px 50px -10px #000c,inset 0 0 0 1px #00bcd459,0 0 24px -4px #00bcd48c}.playlists-nav.prev:hover i{transform:translate(-2px)}.playlists-nav.next:hover i{transform:translate(2px)}.playlists-nav:active{transform:translateY(-50%)scale(.96)}.playlist-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--dur), transform var(--dur), box-shadow var(--dur);position:relative;overflow:hidden}.playlist-card:hover{border-color:#00bcd433;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d}.playlist-card:before{content:"";background:var(--grad);opacity:0;height:1px;transition:opacity var(--dur);position:absolute;top:0;left:0;right:0}.playlist-card:hover:before{opacity:1}.playlist-cover{aspect-ratio:1;position:relative;overflow:hidden}.playlist-cover-bg{width:100%;height:100%}.playlist-overlay{background:linear-gradient(#0000 30%,#000c 100%);position:absolute;inset:0}.playlist-tracks{color:#ffffffb3;font-size:.75rem;font-weight:500;position:absolute;bottom:14px;left:14px}.playlist-tracks i{color:var(--teal);margin-right:4px}.playlist-body{padding:20px}.playlist-body h4{font-family:var(--font-d);margin-bottom:6px;font-size:1.05rem;font-weight:600}.playlist-body p{color:var(--text-3);margin-bottom:14px;font-size:.82rem;line-height:1.5}.playlist-body .btn-sm-gradient{color:#fff;background:var(--grad-btn);border-radius:var(--r-sm);cursor:pointer;transition:var(--dur);border:none;align-items:center;gap:6px;padding:8px 20px;font-size:.8rem;font-weight:500;display:inline-flex}.playlist-body .btn-sm-gradient:hover{opacity:.9}.pl-1{background:linear-gradient(135deg,#1a3a4a,#2d1a3a)}.pl-2{background:linear-gradient(135deg,#3a1a2d,#1a2d3a)}.pl-3{background:linear-gradient(135deg,#0d2d2d,#2d1a0d)}.pl-4{background:linear-gradient(135deg,#2d1a0d,#0d1a2d)}.playlist-logo{opacity:.12;filter:brightness(2);-webkit-user-select:none;user-select:none;pointer-events:none;width:60%;max-width:160px;height:auto}@media (max-width:1024px){.explore-grid,.playlists-grid{grid-template-columns:repeat(2,1fr)}.playlists-wrap{padding:0 24px}}@media (max-width:768px){.explore-grid,.playlists-grid{grid-template-columns:1fr}.explore-hero{min-height:auto;padding:100px 0 50px}.explore-search{flex-direction:column}.explore-search input{padding:14px 18px;font-size:.9rem}.explore-charts,.new-releases,.playlists-sec{padding:48px 0}.playlists-wrap{padding:0 16px}.releases-scroll{gap:16px}}@media (max-width:480px){.explore-hero{padding:90px 0 40px}.explore-search input{padding:12px 48px 12px 16px;font-size:.85rem}.explore-search button{width:36px;height:36px;font-size:.85rem}.explore-actions{padding:10px 12px 14px}.release-card{flex:0 0 180px}.release-info{padding:10px}.explore-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.explore-info{padding:8px 10px 0}.explore-info h4{font-size:.8rem}.explore-info p{font-size:.68rem}.explore-actions{gap:6px;padding:8px 10px 10px}.explore-actions .btn-sm-outline,.explore-actions .btn-sm-gradient{padding:6px;font-size:.7rem}.explore-charts{padding:40px 0}.playlists-grid{gap:12px;grid-template-columns:repeat(2,1fr)!important}.playlists-nav{width:36px;height:36px;font-size:.75rem}.playlists-wrap{padding:0 12px}.playlist-cover{aspect-ratio:1}.playlist-body{padding:10px}.playlist-body h4{font-size:.8rem}.playlist-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.68rem;display:-webkit-box;overflow:hidden}.playlist-body .btn-sm-gradient{padding:6px 10px;font-size:.7rem}}