:root {color-scheme:dark}
* {box-sizing:border-box}
body {
  margin:0;min-height:100vh;display:grid;place-items:center;
  padding:24px;background:#0a0a0a;color:#f7f2e8;
  font-family:system-ui,-apple-system,Arial,sans-serif
}
.card {width:100%;max-width:390px}
.brand {font-family:Georgia,serif;font-size:27px;margin-bottom:42px}
.brand span {color:#c4aa82}
h1 {font-family:Georgia,serif;font-size:42px;font-weight:400;
    line-height:1.12;margin:0 0 14px}
p {font-size:15px;line-height:1.65;color:#bdb8b1;margin:0 0 25px}
label {display:block;margin:16px 0 7px;font-size:14px}
input {
  width:100%;padding:14px;border-radius:8px;
  border:1px solid #555;background:#191919;color:white;font-size:16px
}
button {
  width:100%;margin-top:24px;padding:15px;border:0;border-radius:8px;
  background:#f7f2e8;color:#111;font-weight:700;font-size:15px;cursor:pointer
}
button:disabled {opacity:.5;cursor:wait}