body{
  background:#000;
  margin:0;
  font-family:Arial, sans-serif;
  color:#fff;
}
.form-wrapper{
  width:360px;
  margin:100px auto;
  background:#444;
  padding:30px;
  box-shadow:0 0 25px #ff0;
  border-radius:8px;
}
h2{
  text-align:center;
  margin:0 0 12px 0;
}
.field{
  margin-top:12px;
  display:flex;
  justify-content:center;
}
input{
  width:240px;
  padding:10px;
  background:#222;
  border:1px solid #666;
  color:#ff0;
  box-sizing:border-box;
}
input::placeholder{ color:#999; }
input.error{ border:2px solid red; }
.err{
  width:240px;
  margin:6px auto 0 auto;
  color:red;
  font-size:12px;
  text-align:left;
}
.msg{
  color:#ff0;
  font-size:12px;
  text-align:center;
  margin:6px 0 0 0;
}
button{
  width:120px;
  margin:18px auto 0 auto;
  padding:10px;
  background:#ff0;
  border:none;
  font-weight:bold;
  cursor:pointer;
  display:block;
}
button:hover{ box-shadow:0 0 10px #ff0; }

.links{
  margin-top:12px;
  text-align:center;
}
.links a{
  color:#ff0;
  text-decoration:none;
}

.server-time.mid{
  margin-top:12px;
  text-align:center;
  font-size:8px;
  color:#3aa0ff;
}