.auth-page {
  padding: 56px 20px;
  background: radial-gradient(ellipse at top left, #dff5ee, transparent 55%),
    radial-gradient(ellipse at bottom right, #e1edf7, transparent 55%), #f6f9fb;
}
.auth-page::before { display: none; }
.auth-page .login-container {
  max-width: 480px;
  padding: 36px;
  background: #fff;
  color: #243849;
  border: 1px solid #e1e9ed;
  border-radius: 24px;
  box-shadow: 0 20px 60px #173d4b12;
  backdrop-filter: none;
}
.auth-brand { display: inline-flex; margin-bottom: 24px; }
.auth-brand img { width: 220px; height: 48px; object-fit: contain; }
.auth-brand img[src$="header-logo-1791625217.png"] { object-fit: cover; }
.auth-symbol {
  display: flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; margin: 0 auto 18px;
  background: #e8f7ef; border: 1px solid #d3eddf; border-radius: 18px;
  color: #0b754a; font-size: 24px;
}
.auth-page .login-container h2 { color: #152e40; font-size: 26px; font-weight: 700; margin-bottom: 10px; }
.auth-page .login-subtitle { color: #627383; font-size: 14px; line-height: 1.7; margin-bottom: 28px; }
.auth-page .login-label { color: #30495c; font-weight: 600; font-size: 14px; }
.auth-page .login-input {
  min-height: 52px; color: #1d3446; background: #f8fafb; border: 1px solid #d5e0e7;
  border-radius: 12px; font-size: 16px;
}
.auth-page .login-input::placeholder { color: #8694a2; }
.auth-page .login-input:focus { background: #fff; border-color: #14885b; box-shadow: 0 0 0 4px #14885b14; }
.auth-page .login-input.is-invalid { border-color: #dc3545; }
.auth-page .login-input.text-center { min-height: 64px; letter-spacing: 8px; font-size: 26px; font-weight: 700; }
.auth-page .login-btn { min-height: 52px; border-radius: 12px; box-shadow: 0 6px 16px #0b754a20; }
.auth-page .login-footer a { color: #0b754a; border: none; padding: 4px; border-radius: 0; }
.auth-page .login-footer a:hover { background: transparent; color: #064c30; text-decoration: underline !important; }
.auth-page .text-muted { color: #627383 !important; }
.auth-page .alert { padding: 16px 18px; border-radius: 14px; font-size: 14px; line-height: 1.7; text-align: left; }
.auth-page .alert-info { background: #eff8f6; color: #275d50; border: 1px solid #d8ebe4; }
.auth-page .alert-warning { background: #f8fafb; color: #526675; border: 1px solid #e2e9ed; }
.auth-page .alert-warning h6 { color: #30495c; font-weight: 600; }
.auth-page .alert ul { padding-left: 20px; }
.auth-page .btn-outline-success { border-radius: 10px; padding: 8px 18px; font-weight: 600; }
.auth-page .auth-register { padding-top: 20px; border-top: 1px solid #e7edf1; font-size: 14px; color: #627383; }
.auth-page .auth-register a { display: inline; margin-left: 4px; }
@media (max-width: 575px) {
  .auth-page { padding: 28px 16px; }
  .auth-page .login-container { padding: 28px 22px; border-radius: 20px; }
  .auth-page .login-container h2 { font-size: 23px; }
}