body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#0b1220;
  color:#fff
}
header{text-align:center;padding:20px}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:15px;
  padding:20px
}
.card{
  background:#020617;
  padding:15px;
  border-radius:12px;
  text-align:center
}
.card h3{margin:10px 0}
.card span{color:#94a3b8;font-size:14px}
.card a{
  display:block;
  margin-top:10px;
  padding:10px;
  background:#22c55e;
  color:#000;
  text-decoration:none;
  border-radius:8px;
  font-weight:bold
}
.player{padding:15px}
.player iframe{
  width:100%;
  height:60vh;
  border:none;
  border-radius:12px;
  background:#000
}
.back{color:#22c55e;text-decoration:none}