body{
  margin:0;
  background:#0f172a;
  color:#fff;
  font-family:Arial;
}

header{
  text-align:center;
  padding:20px;
  background:#020617;
}

.box{
  background:#020617;
  margin:20px;
  padding:15px;
  border-radius:12px;
}

h2{ color:#22c55e; }

button{
  width:100%;
  padding:14px;
  margin-top:10px;
  border:none;
  border-radius:8px;
  background:#22c55e;
  font-weight:bold;
  cursor:pointer;
}

input{
  width:100%;
  padding:12px;
  margin:8px 0;
  border-radius:6px;
  border:none;
}

.hidden{ display:none; }

.note{ font-size:14px; opacity:.8; }

.success{ color:#22c55e; text-align:center; }

.scrim-details{
  text-align:center;
}

.tagline{
  opacity:.8;
  margin-bottom:15px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
}

.card{
  background:#020617;
  padding:12px;
  border-radius:12px;
}

.card h3{
  color:#22c55e;
  margin-top:0;
}

.card ul{
  padding-left:18px;
  text-align:left;
}

.time-box span{
  background:#0f172a;
  padding:6px 10px;
  border-radius:6px;
  margin:4px;
  display:inline-block;
  font-weight:bold;
}

.format{
  margin-top:15px;
  padding:10px;
  border-radius:8px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#000;
  font-weight:bold;
}

.glow{
  box-shadow:0 0 10px rgba(34,197,94,.4);
}