:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #080c12;
  color: #f4f7fb;
}

* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at top, #17253b, #080c12 58%);
}

main {
  width: min(100%, 390px);
  padding: 28px;
  border: 1px solid #26384f;
  border-radius: 18px;
  background: #101824;
  box-shadow: 0 20px 60px #0008;
}

h1 { margin: 0 0 8px; font-size: 1.7rem; }
p { margin: 0 0 22px; color: #aebdd0; }
label { display: block; margin: 15px 0 7px; font-weight: 650; }
input, button {
  width: 100%;
  min-height: 48px;
  border-radius: 10px;
  font: inherit;
}
input {
  border: 1px solid #40536b;
  padding: 10px 12px;
  background: #080c12;
  color: #fff;
}
input:focus { outline: 2px solid #69a7ff; outline-offset: 1px; }
button {
  margin-top: 22px;
  border: 0;
  background: #4f91ee;
  color: #07101d;
  font-weight: 750;
}
.error { color: #ff9d9d; margin-bottom: 12px; }