:root{--bg:#0b0b0f;--panel:#15151c;--line:#26262f;--text:#f2f0ec;--muted:#a7a3ad;--hot:#ff3d2e;--hot2:#ffb000}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{min-height:100vh;color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:radial-gradient(1200px 600px at 50% -10%,rgba(255,61,46,.18),transparent 60%),var(--bg);display:flex;flex-direction:column}
.wrap{width:100%;max-width:560px;margin:0 auto;padding:56px 16px 32px;flex:1}
.hero{text-align:center;margin-bottom:32px}
.kicker{letter-spacing:.24em;text-transform:uppercase;font-size:12px;color:var(--muted)}
h1{font-size:clamp(44px,13vw,72px);line-height:.95;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;margin:10px 0 12px}
h1 span{color:var(--hot);display:block}
.bio{color:var(--muted)}
.new{background:linear-gradient(135deg,rgba(255,61,46,.16),rgba(255,176,0,.06));border:1px solid rgba(255,61,46,.4);border-radius:18px;padding:22px;text-align:center;margin-bottom:16px}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hot2)}
.new h2{font-size:30px;margin:4px 0 14px}
.btn{display:block;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;
  transition:transform .15s ease,border-color .15s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);border-color:var(--hot)}
.btn:focus-visible{outline:2px solid var(--hot2);outline-offset:2px}
.btn span{display:block;font-weight:700}
.btn small{color:var(--muted);font-size:14px}
.btn.primary{background:var(--hot);border-color:var(--hot);font-weight:800;text-align:center}
.links{display:grid;gap:12px;margin-bottom:32px}
.releases h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.releases ul{list-style:none;display:grid;gap:8px;margin-bottom:32px}
.releases a{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:var(--text);padding:12px 4px;border-bottom:1px solid var(--line)}
.releases a:hover strong{color:var(--hot)}
.releases span{color:var(--muted);font-size:14px;text-align:right}
.player iframe{width:100%;height:166px;border:0;border-radius:14px;background:var(--panel)}
.foot{display:flex;justify-content:flex-end;padding:16px;font-size:12px}
.foot a{color:var(--muted);text-decoration:none}
.foot a span{color:var(--hot)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}