:root{
  --accent:#00b9f9;
  --bg:#02050a;
  --text:#e8f0fa;
  font-family:"Inter","Segoe UI",sans-serif;
}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  text-align:center;
  line-height:1.6;
  transition:background 2s;
}
header{margin:3rem 1rem;}
h1{font-size:1.8rem;margin-bottom:0.3rem;}
h2{font-weight:400;color:var(--accent);}
#comingsoon{margin:2rem 1rem;}
.loader{
  border:6px solid rgba(255,255,255,0.1);
  border-top:6px solid var(--accent);
  border-radius:50%;
  width:60px;height:60px;
  margin:1.5rem auto;
  animation:spin 1.2s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg);}}
#subscribe{margin:3rem auto;}
input,button{padding:0.6rem;margin:0.3rem;border:none;border-radius:4px;}
button{background:var(--accent);color:#000;cursor:pointer;}
button:hover{opacity:0.9;}
footer{margin:4rem auto;font-size:0.8rem;opacity:0.7;}
@media(max-width:600px){
  h1{font-size:1.4rem;}
  input{width:80%;}
}
.hidden{display:none;}