@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--brand:#22f04e;--bg:#050708}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,rgba(34,240,78,.08),transparent 35%),var(--bg);color:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
.discover-shell{width:min(94%,1160px);margin:auto;padding:34px 0 90px}.discover-top{display:flex;justify-content:space-between;align-items:center}.discover-kicker{font-size:9px;letter-spacing:2px;color:var(--brand)}.discover-top h1{font-size:40px;margin:4px 0}.discover-top p{color:#8d9897}
.discover-search{display:flex;gap:8px;background:#0d1415;border:1px solid #1b2828;border-radius:18px;padding:8px;margin:22px 0 30px}.discover-search input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:11px 13px}.discover-search button{border:0;background:var(--brand);color:#031008;border-radius:12px;padding:0 24px;font-weight:800}
.discover-section{margin:28px 0}.discover-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.discover-title h3{font-size:19px;margin:0}.discover-title span{color:#7f8b89;font-size:10px}.discover-title a{color:var(--brand);font-size:11px;text-decoration:none}
.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.genre-card{height:110px;border-radius:19px;padding:17px;display:flex;justify-content:space-between;align-items:end;color:#fff;text-decoration:none;overflow:hidden}.genre-card span{font-size:18px;font-weight:800}.genre-card i{font-style:normal;font-size:38px;opacity:.34}.g0{background:linear-gradient(135deg,#264f36,#102018)}.g1{background:linear-gradient(135deg,#503129,#20130f)}.g2{background:linear-gradient(135deg,#46385b,#191321)}.g3{background:linear-gradient(135deg,#2b445c,#101923)}.g4{background:linear-gradient(135deg,#5a4d27,#211b0d)}.g5{background:linear-gradient(135deg,#344f50,#101d1d)}
.mood-strip,.cover-row,.artist-row{display:flex;gap:11px;overflow:auto;scrollbar-width:none;padding-bottom:5px}.mood-strip::-webkit-scrollbar,.cover-row::-webkit-scrollbar,.artist-row::-webkit-scrollbar{display:none}.mood-strip a{min-width:145px;height:76px;border:1px solid #1b2828;background:#0d1415;border-radius:16px;color:#fff;text-decoration:none;padding:13px;display:flex;align-items:center;gap:11px}.mood-strip span{font-size:24px;color:var(--brand)}
.cover-card{min-width:170px;width:170px;text-decoration:none;color:#fff;display:flex;flex-direction:column}.cover-card img{width:170px;height:125px;border-radius:14px;object-fit:cover;margin-bottom:7px}.cover-card b{font-size:12px}.cover-card span{font-size:10px;color:#7f8b89}
.artist-row a{min-width:125px;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px}.artist-row img{width:105px;height:105px;border-radius:50%;object-fit:cover;border:2px solid #245935;padding:3px}.artist-row b{font-size:11px}
.song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.song-tile{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;background:#0d1415;border:1px solid #192526;border-radius:14px;padding:8px;color:#fff;text-decoration:none}.song-tile img{width:62px;height:62px;border-radius:10px;object-fit:cover}.song-tile div{display:flex;flex-direction:column}.song-tile b{font-size:12px}.song-tile span{font-size:10px;color:#84908f}.song-tile i{font-style:normal;color:var(--brand);padding-left:5px}
@media(max-width:760px){.discover-top{flex-direction:column;align-items:flex-start;gap:10px}.discover-top h1{font-size:31px}.genre-grid{grid-template-columns:1fr 1fr}.genre-card{height:92px}.song-grid{grid-template-columns:1fr}.cover-card{min-width:155px;width:155px}.cover-card img{width:155px;height:112px}}