:root { font-family: Arial, sans-serif; color: #2B3437; background: #FFFFFF; }
* { box-sizing: border-box; }
body { display: grid; min-width: 320px; min-height: 100vh; margin: 0; place-items: center; padding: 20px; }
.login-card { width: min(100%, 390px); padding: 28px; border-top: 8px solid #B18200; background: #FFFFFF; box-shadow: 0 4px 24px #FFFFFF; }
.login-card__eyebrow { margin: 0 0 8px; color: #929897; font-size: 12px; font-weight: 700; text-transform: uppercase; }
h1 { margin: 0 0 12px; color: #003055; font-size: 27px; }
p { color: #2B3437; line-height: 1.45; }
.login-card__error { margin: 16px 0 0; padding: 10px; border-left: 4px solid #B9242D; background: #FFFFFF; color: #B9242D; font-size: 14px; }
form { display: grid; gap: 16px; margin-top: 24px; }
label { display: grid; gap: 6px; color: #003055; font-size: 13px; font-weight: 700; }
input { width: 100%; padding: 11px; border: 1px solid #929897; border-radius: 0; font: inherit; }
button { padding: 12px; border: 0; background: #003055; color: #FFFFFF; cursor: pointer; font: inherit; font-weight: 700; }
button:hover, button:focus { background: #B18200; }