*{box-sizing:border-box}
body{
 margin:0;min-height:100dvh;
 background:linear-gradient(150deg,#121c15,#28492f);
 color:#fff;font:16px system-ui;
 display:grid;place-items:center;padding:18px
}
main{
 width:min(100%,420px);padding:28px;
 background:#19261e;border:1px solid #69865e;
 border-radius:20px;
 box-shadow:0 20px 60px #0008
}
h1{text-align:center;font-size:25px;color:#e9d099}
p{text-align:center;color:#c0cbbf}
label{display:block;margin-top:13px}
input,button{
 width:100%;padding:13px;margin-top:7px;
 border-radius:10px;font:inherit
}
input{border:1px solid #738273;background:#fff;color:#111}
button{
 background:#d0aa5a;color:#221b0b;border:0;
 font-weight:700;cursor:pointer
}
button.alt{background:#3a5940;color:white}
#msg{min-height:23px;color:#f7d889}
[hidden]{display:none!important}