body{margin:0;font-family:system-ui;background:#0e0e11;color:#fff}
.hero{position:relative;padding:60px 20px 40px;background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(18px)}
.hero-card{position:relative;max-width:420px;margin:0 auto;text-align:center}
.hero-art{width:100%;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.hero-card audio{width:100%;margin-top:16px}
.content{max-width:640px;margin:0 auto;padding:20px;text-align:center}
.subtitle{opacity:.8}
.description{opacity:.9;margin:12px 0 24px}
.buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.btn{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#1c1c22;color:#fff;text-decoration:none;font-weight:600}
.btn-icon{width:20px;height:20px}
.social{margin-top:24px;display:flex;justify-content:center;gap:16px;font-size:14px;opacity:.7}
.artist-logo{margin:40px auto 20px;text-align:center}
.artist-logo img{width:175px;height:175px;object-fit:contain;opacity:.9}
@media(max-width:600px){.buttons{grid-template-columns:1fr}}