:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #edf2ef; color: #10251e; }
.login-card { width: min(420px, calc(100% - 32px)); padding: 36px; border-radius: 18px; background: #fff; box-shadow: 0 20px 60px #0e513e22; }
.marca { margin: 0; color: #0e513e; font-size: .78rem; font-weight: 900; letter-spacing: .18em; }
h1 { margin: 8px 0 4px; font-size: 2rem; }
.subtitulo { margin: 0 0 26px; color: #617068; }
label { display: grid; gap: 7px; margin: 16px 0; font-weight: 750; }
input { width: 100%; padding: 13px 14px; border: 1px solid #aebbb4; border-radius: 9px; font: inherit; }
input:focus { outline: 3px solid #d8f46e; border-color: #0e513e; }
button { width: 100%; margin-top: 10px; padding: 13px; border: 0; border-radius: 9px; background: #0e513e; color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
button:disabled { opacity: .65; cursor: wait; }
#mensagem { min-height: 1.4em; margin: 14px 0 0; color: #a12622; }
.link-ajuda{display:block;margin-top:16px;text-align:center;color:#0e513e;font-weight:750;text-decoration:none}