:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { background: #fbfaf6; color: #162421; margin: 0; min-width: 320px; }
main { display: grid; min-height: 100svh; padding: 1rem; place-items: center; }
.login-card { background: #fff; border: 1px solid #cdd8d3; border-radius: 1rem; box-shadow: 0 12px 32px rgb(22 36 33 / 10%); max-width: 28rem; padding: clamp(1.25rem, 5vw, 2rem); width: 100%; }
.eyebrow { color: #125849; font-size: .78rem; font-weight: 800; letter-spacing: .09em; margin: 0; text-transform: uppercase; }
h1 { font-size: clamp(2rem, 8vw, 3rem); letter-spacing: -.045em; line-height: 1; margin: .5rem 0; }
p { color: #52625d; line-height: 1.5; }
label { display: block; font-weight: 750; margin: 1.25rem 0 .4rem; }
input { border: 1px solid #8da19a; border-radius: .7rem; font: inherit; min-height: 3rem; padding: .7rem .8rem; width: 100%; }
button { background: #125849; border: 1px solid #125849; border-radius: .7rem; color: #fff; cursor: pointer; font: inherit; font-weight: 800; margin-top: 1rem; min-height: 3rem; padding: .7rem 1rem; width: 100%; }
button:hover { background: #0b4136; }
button:focus-visible, input:focus-visible { outline: 3px solid #e8a63a; outline-offset: 3px; }
.error { background: #fff0ee; border: 1px solid #d9a19b; border-radius: .65rem; color: #7b2424; padding: .7rem; }
.simulation { background: #fff6df; border: 1px solid #d1a44c; border-radius: .65rem; color: #5f4106; font-size: .82rem; font-weight: 800; padding: .65rem; text-align: center; }