:root{
  --primary:#004A9F;
  --accent:#F5C400;
  --background:#07111F;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  font-family:Arial,Helvetica,sans-serif;
  color:#fff;
  background:linear-gradient(145deg,var(--background),#111d31);
}
.app{width:min(1000px,calc(100% - 28px));margin:auto;padding:36px 0}
.hero{display:flex;gap:22px;align-items:center;margin-bottom:26px}
.logo{width:110px;height:110px;object-fit:contain;border-radius:22px;background:#fff;padding:8px}
h1{margin:8px 0;font-size:clamp(30px,6vw,54px)}
p{color:#c4d0df;line-height:1.5}
.live{color:var(--accent);font-weight:800}
.player-card{padding:14px;border-radius:20px;background:rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.35)}
video{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px}
.status{padding:12px 4px 2px;color:#c4d0df}
.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
button{padding:13px 18px;border:0;border-radius:12px;font-weight:800;cursor:pointer;color:white;background:var(--primary)}
button:first-child{background:var(--accent);color:#111}
@media(max-width:600px){.hero{align-items:flex-start}.logo{width:82px;height:82px}}