#bg-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

body{
background:#0A0A0A;
color:#F5F7FA;
font-family:Inter,Arial;
display:flex;
align-items:center;
justify-content:center;
height:100vh;
margin:0;
overflow: hidden;
position: relative;
}

.container{
text-align:center;
max-width:600px;
position: relative;
z-index: 1;
}

h1{
font-size:48px;
margin-bottom:10px;
}

.tagline{
font-size:18px;
opacity:.8;
margin-bottom:40px;
}

.signup{
display:flex;
justify-content:center;
gap:10px;
}

input{
padding:12px;
border:none;
border-radius:6px;
width:250px;
}

button{
padding:12px 20px;
background:#2F6BFF;
border:none;
border-radius:6px;
color:white;
cursor:pointer;
}

button:hover{
background:#1f4fd6;
}

.comingsoon{
margin-top:40px;
opacity:.5;
}

#form-status {
  margin-top:14px;
  font-size:14px;
  transition:opacity .25s ease;
}

#waitlist-count {
  margin-top: 16px;
  font-size: 14px;
  color: rgba(245, 247, 250, 0.72);
  min-height: 20px;
}