body{
  margin:0;
  background-color:#0b1320;
  background: #0b1320 url('img/bg-home.webp') no-repeat center center fixed;
  background-size: cover;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#fff;
  text-align:center;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:24px;
}
.bg-home{
  background: #0b1320 url('img/bg-home.webp') no-repeat center center fixed;
  background-size: cover;
}
.container{
  max-width:720px;
  width:100%;
  backdrop-filter: blur(2px);
}
h1{ font-size: 44px; font-weight: 300; margin: 0 0 12px; }
p{ font-size: 18px; margin: 18px 0; line-height: 1.45; }
.timer{ margin: 18px 0 6px; }
.timer div{ display:inline-block; margin: 0 10px; }
.timer span{ display:block; font-size: 34px; font-weight: 300; }
form{ margin-top: 18px; }
input[type="email"]{
  padding: 10px 12px;
  width: min(320px, 70vw);
  border: none;
  border-radius: 6px;
  outline: none;
}
button{
  padding: 10px 16px;
  border: none;
  background:#ff5252;
  color:#fff;
  border-radius: 6px;
  margin-left: 8px;
  cursor:pointer;
}
@media (max-width:480px){
  h1{ font-size: 34px; }
  button{ margin-left:0; margin-top:10px; }
  form{ display:flex; flex-direction:column; align-items:center; gap:10px; }
}