*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Poppins',sans-serif;
  background:#0c0c0c;
  color:#fff;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
.container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.box{
  background:#111;
  padding:40px 30px;
  border-radius:16px;
  box-shadow:0 0 15px rgba(0,0,0,.6);
  width:90%;
  max-width:360px;
  text-align:center;
}
.box h1{
  color:#d4af37;
  font-size:1.8rem;
  margin-bottom:10px;
}
.sub{color:#ccc;margin-bottom:20px;}
input{
  width:100%;
  margin-bottom:15px;
  padding:12px;
  border:none;
  border-radius:8px;
  background:#1b1b1b;
  color:#fff;
  font-size:1rem;
}
input:focus{outline:1px solid #d4af37;}
button{
  width:100%;
  padding:12px;
  background:#d4af37;
  color:#111;
  font-weight:600;
  border:none;
  border-radius:8px;
  cursor:pointer;
  transition:.3s;
}
button:hover{background:#c19e2b;}
.troca{
  margin-top:20px;
  color:#bbb;
}
.troca a{
  color:#d4af37;
  text-decoration:none;
}
.troca a:hover{text-decoration:underline;}