:root { --azul:#10244A; --azul2:#17316a; --borda:#2b4580; --texto:#eef2fb; --suave:#9fb0d4; --erro:#ff8a80; --ok:#62d08a; --dourado:#C9A66B; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--azul); color:var(--texto); font-family:Roboto,"Segoe UI",system-ui,Arial,sans-serif; display:flex; align-items:center; justify-content:center; padding:24px; }
.cartao { width:100%; max-width:400px; text-align:center; }
.cartao img.logo { width:100%; max-width:300px; margin:0 auto 28px; display:block; }
form { text-align:left; display:grid; gap:14px; }
label { font-size:13px; color:var(--suave); display:block; margin-bottom:5px; }
input[type=text], input[type=email], input[type=password], select { width:100%; padding:12px 14px; border-radius:8px; border:1px solid var(--borda); background:var(--azul2); color:var(--texto); font-size:15px; }
input:focus, select:focus { outline:2px solid var(--dourado); outline-offset:0; border-color:var(--dourado); }
button.principal { padding:13px; border:0; border-radius:8px; background:#fff; color:var(--azul); font-weight:600; font-size:15px; cursor:pointer; letter-spacing:.3px; }
button.principal:hover { background:#e8eefc; }
button.principal:disabled { opacity:.6; cursor:wait; }
.msg { min-height:20px; font-size:13px; color:var(--erro); text-align:center; }
.msg.ok { color:var(--ok); }
.lembrar { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--suave); }
.lembrar input { width:auto; }
.rodape { margin-top:26px; font-size:12px; color:var(--suave); }
h1 { font-size:19px; font-weight:500; margin:0 0 6px; }
p.sub { color:var(--suave); font-size:14px; margin:0 0 20px; }