body{
  margin:0;
  background:#050505;
  font-family:Arial,Helvetica,sans-serif;
  color:white;
  overflow:hidden;
}

canvas{
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
}

.container{
  height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.logo{
  font-size:100px;
  letter-spacing:10px;
  color:#00ffff;
  text-shadow:
    0 0 10px #00ffff,
    0 0 40px #00ffff,
    0 0 80px #00ffff;
  animation:glow 2s infinite alternate;
}

.subtitle{
  margin-top:10px;
  font-size:28px;
  opacity:0.9;
}

.text{
  opacity:0.6;
  margin-top:10px;
}

#countdown{
  display:flex;
  gap:40px;
  margin-top:40px;
}

#countdown span{
  display:block;
  font-size:40px;
  color:#00ffff;
}

.visitor{
  margin-top:40px;
  font-size:14px;
  opacity:0.5;
}

footer{
  position:fixed;
  bottom:10px;
  width:100%;
  text-align:center;
  font-size:11px;
  opacity:0.35;
}

@keyframes glow{
  from{
    text-shadow:0 0 10px #00ffff;
  }
  to{
    text-shadow:
      0 0 20px #00ffff,
      0 0 60px #00ffff,
      0 0 120px #00ffff;
  }
}