* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 20px; font-family: Arial, sans-serif; background: linear-gradient(145deg,#071b36,#0b3b70); }
.login-card { width: min(390px,100%); padding: 34px; border-radius: 16px; background: #fff; box-shadow: 0 18px 55px rgba(0,0,0,.35); }
.login-logo { display: block; width: 145px; max-height: 74px; object-fit: contain; margin: 0 auto 12px; }
h1 { margin: 0; text-align: center; color: #0b3767; }
p { margin: 7px 0 25px; text-align: center; color: #667; }
label { display: block; margin: 13px 0 6px; font-weight: 700; color: #26384a; }
input { width: 100%; border: 1px solid #b7c3d0; border-radius: 8px; padding: 12px; font-size: 16px; }
input:focus { outline: 2px solid #357bbd; border-color: transparent; }
button { width: 100%; margin-top: 20px; border: 0; border-radius: 8px; padding: 13px; background: #0b4f8a; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .65; cursor: wait; }
#mensagem { min-height: 20px; margin-top: 13px; text-align: center; color: #b42318; font-size: 14px; }