*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f8f7;color:#101413;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e9eceb;padding:14px 5%;display:flex;gap:22px;align-items:center}.brand{text-decoration:none;color:#111;display:flex;align-items:center;gap:8px;font-size:24px}.brand span:last-child{color:#17c964}.logo{background:#17c964;color:#fff;border-radius:14px;padding:8px}.search{flex:1}.search input{width:100%;border:1px solid #e2e7e4;border-radius:22px;padding:13px 18px;background:#f7f8f7}nav{display:flex;gap:12px;align-items:center}nav a,.green{color:#111;text-decoration:none}.pill,.btn{background:#17c964;color:#fff!important;border:none;border-radius:22px;padding:12px 18px;text-decoration:none;font-weight:700;display:inline-block}.wrap{max-width:1180px;margin:auto;padding:28px 18px}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:22px;align-items:stretch}.hero>div,.hero-ad,.adbar,.panel,.formbox,.plans>div,.pricing article,.card,.artist{background:#fff;border:1px solid #e9eceb;border-radius:28px;padding:24px;box-shadow:0 8px 30px #0b1d1510}.hero h1{font-size:58px;line-height:1;margin:10px 0}.hero h1 span{color:#17c964}.badge,small{color:#68716d}.hero-ad{background:linear-gradient(135deg,#111,#26312b);color:#fff}.hero-ad a,.adbar a{color:#17c964;font-weight:800}.adbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0}.adbar.dark{background:#111;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.card{position:relative;padding:14px}.card img{width:100%;aspect-ratio:1;border-radius:22px;object-fit:cover}.card button{position:absolute;right:24px;top:145px;background:#17c964;color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:20px}.card h3{margin:12px 0 4px}.card a,.artist{text-decoration:none;color:#111}.artists{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.artist{text-align:center}.avatar{width:70px;height:70px;border-radius:50%;background:#17c964;color:#fff;margin:0 auto 10px;display:grid;place-items:center;font-size:28px;font-weight:900}.big{width:150px;height:150px;font-size:64px;margin:0}.artistHero{background:#fff;border-radius:32px;padding:30px;display:grid;grid-template-columns:170px 1fr 170px;gap:22px;align-items:center;border:1px solid #e9eceb}.artistHero h1{font-size:46px;margin:0}.artistHero aside,.stats{display:grid;gap:8px}.artistHero aside b,.stats b{font-size:34px}.columns{display:grid;grid-template-columns:1fr 300px;gap:22px}.track{display:grid;grid-template-columns:38px 52px 1fr 100px 42px 42px;gap:12px;align-items:center;border-bottom:1px solid #eef2ef;padding:12px 0}.track img{width:52px;height:52px;border-radius:12px;object-fit:cover}.track button{background:#17c964;color:#fff;border:0;border-radius:50%;width:38px;height:38px}.boxad{border:2px dashed #cad4cf;border-radius:20px;padding:28px;text-align:center}.formbox{max-width:650px;margin:20px auto}.formbox form{display:grid;gap:13px}.formbox input,.formbox select,.formbox textarea{width:100%;padding:14px;border:1px solid #dde5e1;border-radius:16px}.formbox textarea{min-height:100px}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.pricing b{font-size:28px}.pricing .hot{border:2px solid #17c964}.player{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e1e7e4;padding:12px 5%;display:grid;grid-template-columns:1fr 60px 300px 80px;gap:18px;align-items:center;box-shadow:0 -10px 30px #0001;z-index:20}.now{display:flex;gap:12px;align-items:center}.now img{width:58px;height:58px;border-radius:14px;object-fit:cover}#playBtn{width:52px;height:52px;border:0;border-radius:50%;background:#17c964;color:#fff;font-size:20px}.admini{background:#f0f5f2;border-radius:18px;padding:10px 14px;display:grid}.admini a{color:#17c964}.empty,.error{background:#fff4f4;color:#b50000;padding:12px;border-radius:12px}@media(max-width:800px){.topbar,.hero,.columns,.artistHero,.player{display:block}.search{margin:10px 0}nav{flex-wrap:wrap}.hero h1{font-size:40px}.player{padding:10px}.admini{margin-top:10px}.grid{grid-template-columns:repeat(2,1fr)}}