:root{--gold:#d9b64c;--text:#f4f1e8;--muted:#c8c7bd}*{box-sizing:border-box}
body{margin:0;background:#06191a;color:var(--text);font-family:Georgia,'Times New Roman',serif}
.page{min-height:100vh;background:linear-gradient(rgba(0,10,11,.38),rgba(0,10,11,.92)),url('/capa-trilha.jpg') center/cover fixed;display:flex;align-items:center;justify-content:center;padding:24px}
.card{width:min(560px,100%);background:rgba(2,13,14,.84);backdrop-filter:blur(7px);border:1px solid rgba(217,182,76,.35);border-radius:20px;padding:28px;box-shadow:0 18px 60px rgba(0,0,0,.5);text-align:center}
.cover{width:min(270px,72vw);aspect-ratio:1;border-radius:12px;object-fit:cover;box-shadow:0 12px 35px rgba(0,0,0,.45)}
.brand{margin:22px 0 6px;color:var(--gold);font:700 .9rem Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
h1{font-size:clamp(2rem,8vw,3.2rem);line-height:1.02;margin:8px 0 5px}.subtitle{color:var(--muted);font-style:italic;margin:0 0 25px}
.listen{font:700 .78rem Arial,sans-serif;letter-spacing:.18em;color:var(--gold);margin:20px 0 12px}.buttons{display:grid;gap:10px}
.btn{display:block;text-decoration:none;color:#f7f4ea;border:1px solid rgba(255,255,255,.22);border-radius:11px;padding:14px 16px;font:700 1rem Arial,sans-serif;background:rgba(255,255,255,.07)}
.btn.disabled{opacity:.48}.note{font:400 .83rem Arial,sans-serif;color:#aaa;margin:12px 0 0}.return{margin:27px 0 4px;font-style:italic;color:#ddd}
footer{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font:400 .75rem Arial,sans-serif;color:#aaa}.home-link{color:var(--gold);text-decoration:none}
@media(max-width:520px){.page{padding:12px;background-attachment:scroll}.card{padding:20px 16px;border-radius:16px}.cover{width:min(230px,75vw)}}