
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--brand:#22f04e}
*{box-sizing:border-box}body{margin:0;background:#050708;color:#fff;font-family:Vazirmatn,Tahoma,sans-serif}
.artist-public-shell{width:min(96%,1180px);margin:auto;padding:20px 0 100px}.artist-back{display:inline-block;color:#9aa4a3;text-decoration:none;margin-bottom:14px}
.artist-public-hero{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background-image:var(--artist-bg);background-size:cover;background-position:center}.artist-public-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,6,.96) 15%,rgba(3,7,6,.76) 50%,rgba(3,7,6,.25)),linear-gradient(0deg,#050708 0%,transparent 45%)}.artist-public-content{position:relative;z-index:2;min-height:430px;padding:42px;display:flex;align-items:flex-end;gap:28px}.artist-public-avatar{width:210px;height:210px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.12);box-shadow:0 25px 70px #000}.artist-public-copy{padding-bottom:6px}.artist-type{font-size:9px;letter-spacing:2px;color:var(--brand)}.artist-public-copy h1{font-size:48px;font-weight:800;margin:6px 0 10px}.verified{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--brand);color:#031008;font-size:14px;vertical-align:middle}.artist-public-stats{display:flex;gap:18px;flex-wrap:wrap;color:#a8b1b0;font-size:11px}.artist-public-stats b{color:#fff}.artist-public-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.artist-public-actions button,.artist-public-actions a{border:1px solid rgba(255,255,255,.15);background:rgba(10,16,17,.8);color:#fff;border-radius:30px;padding:10px 17px;text-decoration:none;font-size:11px}.artist-public-actions button{background:var(--brand);color:#031008;border-color:var(--brand);font-weight:800}.artist-public-actions button.following{background:#152019;color:var(--brand);border-color:#2a5d39}
.artist-block{margin:28px 0}.artist-block-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.artist-block-title span{font-size:9px;letter-spacing:2px;color:var(--brand)}.artist-block-title h2{font-size:21px;margin:3px 0}.artist-top-list{display:grid;gap:7px}.artist-top-row{display:grid;grid-template-columns:42px 62px 1fr 28px;align-items:center;gap:11px;padding:8px 12px;border-radius:14px;color:#fff;text-decoration:none;transition:.2s}.artist-top-row:hover{background:#0e1516}.track-rank{color:#6f7b79;text-align:center;font-weight:700}.artist-top-row img{width:62px;height:62px;border-radius:10px;object-fit:cover}.artist-top-row div{display:flex;flex-direction:column}.artist-top-row b{font-size:13px}.artist-top-row small{font-size:10px;color:#7f8b89}.artist-top-row i{font-style:normal;color:var(--brand)}.bio-block{background:#0d1415;border:1px solid #1b2828;border-radius:22px;padding:22px}.bio-block p{color:#aab3b2;line-height:2;font-size:13px;margin:0}.artist-empty{padding:30px;text-align:center;color:#7f8b89}
@media(max-width:760px){.artist-public-hero,.artist-public-content{min-height:510px}.artist-public-content{align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:24px}.artist-public-avatar{width:145px;height:145px}.artist-public-copy h1{font-size:34px}.artist-public-overlay{background:linear-gradient(0deg,rgba(3,7,6,.98) 25%,rgba(3,7,6,.42) 75%,rgba(3,7,6,.1))}.artist-top-row{grid-template-columns:30px 56px 1fr 22px}.artist-top-row img{width:56px;height:56px}}
