html,body{
  height:100%;
  margin:0;
}
body{
  background:#000;
  font-family: "Poppins", sans-serif;
  color:#fff;
}
.center{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.card{
  width:320px;
  text-align:center;
  padding:28px 20px;
}
.logo{
  width:92px;
  height:92px;
  display:block;
  margin:0 auto 12px;
  image-rendering: smooth;
}
.brand{
  margin:0 0 18px;
  font-size:28px;
  letter-spacing:2px;
}
.input{
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  background:transparent;
  border:1px solid rgba(255,255,255,0.18);
  color:#fff;
  outline:none;
  border-radius:6px;
  font-size:15px;
}
.input::placeholder{ color:rgba(255,255,255,0.45); }