body {
  margin:0;
  font-family:'Segoe UI', sans-serif;
  height:100vh;
  background: url('bg.avif') center/cover no-repeat fixed;
  display:flex;
  justify-content:center;
  align-items:center;
  color:white;
}
.bg-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.65);
}
.container{
  position:relative;
  text-align:center;
  padding:50px;
  background:rgba(0,0,0,0.6);
  border-radius:18px;
  border:1px solid rgba(201,162,77,0.5);
  box-shadow:0 0 40px rgba(201,162,77,0.3);
}
.logo{
  font-size:64px;
  margin-bottom:20px;
}
.subtitle{
  color:#c9a24d;
  letter-spacing:2px;
  margin-bottom:30px;
}
#countdown{
  font-size:28px;
  color:silver;
  margin-bottom:30px;
}
.notify-form{
  display:flex;
  gap:10px;
  justify-content:center;
}
.notify-form input{
  padding:12px;
  border-radius:6px;
  border:none;
  width:220px;
}
.notify-form button{
  padding:12px 22px;
  border:none;
  border-radius:6px;
  background:linear-gradient(135deg,gold,silver);
  font-weight:bold;
  cursor:pointer;
}