body{
  background:#0b0f1a;
  color:#fff;
  font-family:sans-serif;
}

/* NAV */
.nav{
  display:flex;
  justify-content:space-between;
  padding:15px;
  background:#000;
}
.countdown{
  color:#ff3c3c;
  font-weight:bold;
}

/* HERO */
.hero{
  text-align:center;
  padding:100px 20px;
  animation:fadeIn 1s ease-in;
}

.btn{
  background:#00ff99;
  padding:12px 25px;
  color:#000;
  text-decoration:none;
}

/* POPUP */
.popup{
  position:fixed;
  bottom:20px;
  left:20px;
  background:#111;
  padding:10px 15px;
  border-radius:5px;
  display:none;
  animation:slideUp 0.5s;
}

/* FORM */
.form-section{
  padding:50px;
  text-align:center;
}
input{
  width:100%;
  padding:12px;
  margin:10px 0;
}
button{
  background:#ff3c3c;
  color:#fff;
  padding:12px;
  width:100%;
}

/* ANIMATIONS */
@keyframes fadeIn{
  from{opacity:0; transform:translateY(20px);}
  to{opacity:1; transform:translateY(0);}
}
@keyframes slideUp{
  from{transform:translateY(100px);}
  to{transform:translateY(0);}
}