:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #172033; background: #f6f7f9; }
body, input, button { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: min(420px, 100%); background: #fff; border: 1px solid #dfe3ea; border-radius: 18px; padding: 28px; box-shadow: 0 18px 50px rgba(23, 32, 51, .08); }
.eyebrow { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #697386; }
h1 { margin: 0; font-size: 30px; }
.login-copy { margin: 8px 0 24px; color: #697386; }
.login-error { padding: 10px 12px; border-radius: 10px; background: #fff2f1; color: #9d2b22; }
.login-form { display: grid; gap: 16px; }
.login-field { display: grid; gap: 7px; }
label { font-size: 13px; font-weight: 650; }
input { width: 100%; padding: 11px 12px; border: 1px solid #cfd5df; border-radius: 10px; font: inherit; background: #fff; color: inherit; }
input:focus { outline: 2px solid #172033; outline-offset: 1px; }
.login-submit { margin-top: 4px; padding: 11px 14px; border: 0; border-radius: 10px; background: #172033; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.login-notice { padding: 10px 12px; border-radius: 10px; background: #eef8f1; color: #1d6b3a; }
.login-forgot { margin-top: 14px; text-align: center; }
.login-link { padding: 0; border: 0; background: none; color: #697386; font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }