*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:#0a0a0f;color:#e8e6f0;
  font-family:'Segoe UI',system-ui,sans-serif;
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
}
.box{
  background:#12121a;border:1px solid #2a2a3a;
  border-radius:14px;padding:36px 32px;width:100%;max-width:360px;
}
h1{
  text-align:center;font-size:1.3rem;color:#e8b84b;
  letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;
}
label{
  display:block;font-size:0.75rem;color:#777;
  text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;
}
input{
  width:100%;background:#1a1a2a;border:1px solid #2a2a3a;color:#e8e6f0;
  border-radius:7px;padding:11px 12px;font-size:1rem;margin-bottom:14px;
}
input:focus{outline:none;border-color:#e8b84b;}
button{
  width:100%;background:#4a3a1a;color:#e8b84b;border:1px solid #7a5a2a;
  border-radius:8px;padding:13px;font-size:1rem;font-weight:700;
  cursor:pointer;letter-spacing:1px;
}
button:hover{background:#5a4a2a;}
.err{
  color:#e84b4b;font-size:0.85rem;text-align:center;
  margin-bottom:12px;padding:8px;background:#2a1010;border-radius:6px;
}