:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: radial-gradient(900px 420px at 60% -10%, #10233A 0%, #080D18 60%); color: #E4EBF5;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
form { width: min(360px, 100%); padding: 32px; border-radius: 16px; background: #0F1828; border: 1px solid #1A2740;
  display: flex; flex-direction: column; gap: 10px; }
.brand { font-size: 12px; letter-spacing: 0.22em; color: #C9D6EA; font-weight: 600; }
h1 { margin: 6px 0 12px; font-size: 22px; font-weight: 500; }
label { font-size: 12px; color: #8EA0BC; }
input { height: 42px; border-radius: 10px; border: 1px solid #1C2A44; background: #0B1322; color: #E4EBF5;
  padding: 0 12px; font-size: 15px; outline: none; }
input:focus { border-color: #2DD4BF; box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.15); }
button { margin-top: 10px; height: 44px; border: 0; border-radius: 10px; background: #2DD4BF; color: #04241F;
  font-weight: 600; font-size: 15px; cursor: pointer; }
.error { color: #E8C27A; font-size: 13px; margin: 6px 0 0; }