body {
  margin:0;
  background:radial-gradient(ellipse at top,#33302a,#202124 65%);
  color:#f5f1e6;
  font:15px 'Segoe UI',sans-serif;
  min-height:100vh;
  display:grid;
  place-items:center
}
main {
  width:min(440px,calc(100% - 64px));
  padding:30px;
  border:1px solid #514b3b;
  border-radius:18px;
  background:#292a2d;
  box-shadow:0 25px 80px #0004
}
.brand {
  color:#e6b84c;
  letter-spacing:3px;
  font-size:11px;
  font-weight:800
}
h1 {
  font-size:29px;
  line-height:1.25
}
p {
  color:#a9b8ce;
  line-height:1.6
}
label {
  display:block;
  margin:22px 0 8px;
  font-size:13px
}
input {
  box-sizing:border-box;
  width:100%;
  font:inherit;
  border:1px solid #62583e;
  background:#0b1422;
  padding:13px;
  border-radius:8px;
  color:white
}
button {
  margin-top:25px;
  width:100%;
  padding:13px;
  border:0;
  border-radius:8px;
  background:#e6b84c;
  font:700 15px 'Segoe UI',sans-serif;
  color:#251d12;
  cursor:pointer
}
a {
  color:#f0cc70
}
.notice {
  padding:12px;
  background:#412d29;
  color:#ffbdab;
  border-radius:8px
}
.fine {
  font-size:12px
}