:root{--music-gold:#f0c75e;--music-red:#ff314f;--music-purple:#9d4edd}
.music-page{background:#070709;color:#fff;overflow-x:hidden}.music-nav-active{color:var(--music-gold)!important}
.music-hero{position:relative;min-height:630px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(158,78,221,.17),transparent 28%),radial-gradient(circle at 30% 25%,rgba(255,49,79,.12),transparent 30%),linear-gradient(180deg,#070709,#0d0910 65%,#070709)}
.music-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.music-hero-inner{position:relative;z-index:2;text-align:center;padding:90px 20px 135px}.music-kicker{font-size:11px;letter-spacing:3px;font-weight:900;color:#c4a354;margin-bottom:22px}.music-hero h1{font-size:clamp(42px,7vw,82px);margin:9px 0 14px}.music-hero p{font-size:18px;color:#b8b5bd;max-width:600px;margin:0 auto 30px}
.neon-bace{font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(90px,18vw,210px);line-height:.86;letter-spacing:-5px;color:#fff6cf;text-transform:uppercase;text-shadow:0 0 5px #fff,0 0 14px #f0c75e,0 0 35px #d6a83d,0 0 75px rgba(214,168,61,.72);animation:neonPulse 2.7s ease-in-out infinite alternate}
@keyframes neonPulse{0%,100%{filter:brightness(.92);text-shadow:0 0 5px #fff,0 0 13px #f0c75e,0 0 34px #d6a83d,0 0 68px rgba(214,168,61,.58)}50%{filter:brightness(1.16);text-shadow:0 0 7px #fff,0 0 18px #ffe18b,0 0 48px #d6a83d,0 0 95px rgba(214,168,61,.82)}}
.scroll-to-tracks{display:inline-flex;align-items:center;gap:8px;padding:13px 21px;border:1px solid #725d2b;border-radius:999px;background:rgba(16,14,10,.65);color:#f7d579;font-weight:800;transition:.25s}.scroll-to-tracks:hover{transform:translateY(-3px);box-shadow:0 0 25px rgba(214,168,61,.2)}
.music-orb{position:absolute;border-radius:50%;filter:blur(55px);opacity:.28}.orb-one{width:280px;height:280px;background:#d6a83d;left:-90px;top:140px}.orb-two{width:330px;height:330px;background:#7b2cbf;right:-130px;bottom:20px}
.equalizer{position:absolute;z-index:2;bottom:34px;display:flex;align-items:end;gap:7px;height:55px}.equalizer i{display:block;width:5px;height:18px;border-radius:8px;background:linear-gradient(#f8df91,#b78927);animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:.25s}.equalizer i:nth-child(3n){animation-delay:.5s}.equalizer i:nth-child(4n){animation-delay:.75s}@keyframes eq{to{height:52px;opacity:.55}}
.music-section{padding:90px 0 110px;background:radial-gradient(circle at 90% 15%,rgba(214,168,61,.08),transparent 28%),#08080a}.music-section-head{text-align:center;max-width:700px;margin:0 auto 42px}.music-section-head h2{font-size:clamp(38px,5vw,60px);margin:8px 0}.music-section-head p{color:#9f9da5}
.tracks-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:1000px;margin:0 auto}.track-card{position:relative;padding:18px;background:linear-gradient(145deg,#171719,#0d0d0f);border:1px solid #2d2b2f;border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.36);transition:.3s}.track-card:hover,.track-card.is-playing{transform:translateY(-6px);border-color:#7a622b;box-shadow:0 26px 70px rgba(0,0,0,.46),0 0 35px rgba(214,168,61,.08)}
.track-cover{position:relative;aspect-ratio:1/1;border-radius:17px;overflow:hidden;padding:27px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.track-cover:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.08) 26%,transparent 28%);background-size:22px 22px}.cover-after{background:radial-gradient(circle at 35% 30%,rgba(255,93,115,.55),transparent 25%),linear-gradient(145deg,#3b0713,#14070e 55%,#07070a)}.cover-eight{background:radial-gradient(circle at 70% 25%,rgba(157,78,221,.6),transparent 27%),linear-gradient(145deg,#120724,#080710 58%,#100b05)}.cover-glow{position:absolute;width:190px;height:190px;border:1px solid rgba(240,199,94,.35);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 55px rgba(240,199,94,.14)}.cover-mark{font-family:Oswald;font-size:clamp(110px,15vw,180px);font-weight:700;line-height:1;color:rgba(255,246,207,.9);text-shadow:0 0 25px rgba(240,199,94,.35);position:absolute;right:28px;top:28px}.track-cover>div:last-child{position:relative;z-index:2}.track-cover small{display:block;color:#f0c75e;font-weight:900;letter-spacing:3px;text-transform:uppercase}.track-cover strong{display:block;font-family:Oswald;font-size:34px;margin-top:5px;text-shadow:0 3px 18px #000}
.track-info{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 5px 12px}.track-info>div{position:relative;padding-left:38px}.track-number{position:absolute;left:0;top:5px;color:#736849;font-family:Oswald;font-weight:700}.track-info h3{font-size:23px;margin:0}.track-info p{color:#8c8a91;margin:4px 0 0;font-size:12px}.custom-play{width:54px;height:54px;border-radius:50%;border:1px solid #7d652d;background:linear-gradient(145deg,#f1ca64,#a97d24);color:#090909;font-size:20px;cursor:pointer;box-shadow:0 8px 25px rgba(214,168,61,.18)}
.track-card audio{width:100%;height:42px;display:block;filter:sepia(.85) saturate(.75)}.listen-line{display:flex;justify-content:space-between;padding:11px 5px 2px;color:#777;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.listen-count{color:#af9147}
.music-note{max-width:1000px;margin:30px auto 0;padding:18px 21px;display:flex;align-items:center;gap:15px;border:1px solid #302a1c;border-radius:16px;background:#11100d}.music-note span{font-size:30px;color:#f0c75e}.music-note p{margin:0;color:#8e8b84;font-size:12px}.music-note strong{color:#ddd;font-size:14px}
@media(max-width:760px){.music-hero{min-height:560px}.music-hero-inner{padding-top:75px}.neon-bace{letter-spacing:-2px}.tracks-grid{grid-template-columns:1fr}.track-card{max-width:500px;margin:0 auto;width:100%}.track-cover strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.neon-bace,.equalizer i{animation:none}}