:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; background: #f5f6f8; color: #1a2233; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; padding: 24px; background: #f5f6f8; }
.card { width: min(420px, 100%); padding: 32px; background: #fff; border: 1px solid #e4e7ec; border-radius: 14px; box-shadow: 0 18px 50px rgba(16,24,40,.08); }
.brand { color: #1c4681; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 10px 0 8px; font-size: 32px; }
p { color: #667085; line-height: 1.5; }
form { display: grid; gap: 14px; margin-top: 24px; }
label { display: grid; gap: 7px; color: #667085; font-size: 13px; }
input { width: 100%; padding: 12px; border: 1px solid #d0d5dd; border-radius: 8px; font: inherit; }
button { padding: 12px 16px; border: 0; border-radius: 8px; background: #1c4681; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.status { min-height: 20px; margin-bottom: 0; font-size: 13px; }
[hidden] { display: none !important; }