.login-page{min-height:100dvh;padding:18px;align-items:center}
.login-page .login-shell{width:min(420px,100%)}
.login-page .login-logo{margin-bottom:12px}
.login-page .login-logo img{width:220px;height:78px;border-radius:14px}
.login-page .login-card{padding:28px 30px;border-radius:16px}
.login-page .login-card h1{font-size:27px;margin:7px 0}
.login-page .login-card .lead{font-size:13px;margin:0 0 18px}
.login-page .login-card form label{gap:5px;margin-top:12px;font-size:12px}
.login-page .login-card input{padding:10px 12px}
.login-page .login-card .primary{padding:12px 15px;margin-top:16px}
.login-page .login-card .forgot{margin-top:14px}
.login-page .login-card .divider{margin-top:20px}
.login-page .login-card .password-rule{text-align:center;margin:8px 0 0}
@media(max-height:720px) and (min-width:521px){
  .login-page{padding:12px}
  .login-page .login-shell{width:min(400px,100%)}
  .login-page .login-logo{margin-bottom:10px}
  .login-page .login-logo img{width:200px;height:71px;border-radius:12px}
  .login-page .login-card{padding:22px 28px}
  .login-page .login-card h1{font-size:25px;margin:5px 0}
  .login-page .login-card .eyebrow{font-size:10px}
  .login-page .login-card .lead{font-size:12px;margin-bottom:14px}
  .login-page .login-card form label{margin-top:10px}
  .login-page .login-card input{padding:9px 11px}
  .login-page .login-card .primary{padding:11px 14px;margin-top:14px}
  .login-page .login-card .forgot{margin-top:12px}
  .login-page .login-card .divider{margin-top:18px}
  .login-page .login-card .password-rule{margin-top:6px}
}
@media(max-width:520px){
  .login-page{padding:12px}
  .login-page .login-shell{width:min(400px,100%)}
  .login-page .login-logo{margin-bottom:10px}
  .login-page .login-logo img{width:190px;height:67px}
  .login-page .login-card{padding:22px 20px}
  .login-page .login-card h1{font-size:25px}
}

/* V9.7 — evita viewport cortado e zoom automático em iPhone. */
@supports (-webkit-touch-callout:none){
  .login-page{min-height:-webkit-fill-available}
}
@media(max-width:520px){
  .login-page .login-card input{font-size:16px;min-height:46px}
  .login-page .login-card .primary{min-height:46px;touch-action:manipulation}
}