/* Acabamento da entrada; os estilos ficam restritos à página de login. */
.login-page {
  background-color: #f2f3f5;
  background-image:
    linear-gradient(125deg, transparent 77%, rgba(254, 101, 0, .07) 77%, rgba(254, 101, 0, .07) 77.12%, transparent 77.12%),
    linear-gradient(125deg, transparent 81%, rgba(9, 13, 25, .035) 81%, rgba(9, 13, 25, .035) 81.12%, transparent 81.12%),
    linear-gradient(125deg, transparent 19%, rgba(9, 13, 25, .03) 19%, rgba(9, 13, 25, .03) 19.12%, transparent 19.12%);
  background-attachment: fixed;
}
.login-page .topbar { border-bottom: 1px solid rgba(254, 101, 0, .24); }
.login-page .page {
  display: grid;
  align-items: center;
  min-height: calc(100vh - 46px);
  min-height: calc(100dvh - 46px);
  max-width: none;
  padding: 1rem 1.25rem;
}
.login-shell { width: 100%; max-width: 29rem; margin: 0 auto; }
.login-card {
  border: 1px solid #dfe3e8;
  border-top: 3px solid var(--brand);
  border-radius: 14px;
  padding: 1.5rem 2rem;
  box-shadow: 0 14px 40px rgba(9, 13, 25, .055), 0 2px 6px rgba(9, 13, 25, .025);
}
.login-brand { text-align: center; margin-bottom: 1rem; }
.login-logo { display: block; width: 10rem; max-width: 100%; height: auto; margin: 0 auto .75rem; }
.login-brand h1 { font-size: 1.2rem; line-height: 1.35; margin: 0; color: var(--ground-dark); }
.login-brand p { max-width: 23rem; margin: .5rem auto 0; line-height: 1.5; }
.login-form { display: grid; gap: .75rem; }
.login-field label { margin: 0 0 .25rem; font-size: .82rem; font-weight: 600; }
.login-field input { min-height: 44px; border-color: #b9c1cd; border-radius: 8px; padding: .55rem .75rem; }
.login-submit { width: 100%; min-height: 46px; margin-top: .25rem; border-radius: 8px; }
.login-help { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.login-help p { margin: 0; line-height: 1.55; }
.login-help .login-recovery { margin-bottom: .875rem; }
.login-help a { font-size: .875rem; font-weight: 600; text-underline-offset: .2em; }
.login-help h2 { font-size: .875rem; margin: 0 0 .25rem; }
.login-help .muted { font-size: .8125rem; }
@media (max-width: 480px) {
  .login-page .page { padding: 1rem; }
  .login-card { padding: 1.5rem 1.25rem; }
  .login-brand h1 { max-width: 19rem; margin: 0 auto; }
  .login-field input { font-size: 1rem; }
}