:root { --ats-login-primary: #111e6c; --ats-login-accent: #d4a72c; }
body[data-path="login"], body[data-path="update-password"] {
  background: radial-gradient(circle at 15% 10%, rgba(212,167,44,.18), transparent 28rem), linear-gradient(145deg,#f7f9ff 0%,#eef2fb 52%,#fff 100%);
  min-height: 100vh;
}
body[data-path="login"] .page-card, body[data-path="update-password"] .page-card {
  border: 1px solid rgba(17,30,108,.14); border-top: 5px solid var(--ats-login-primary); border-radius: 16px;
  box-shadow: 0 18px 55px rgba(17,30,108,.13); padding: 24px;
}
body[data-path="login"] .page-card-head, body[data-path="update-password"] .page-card-head { padding-top: max(6vh,36px); }
body[data-path="login"] .page-card-head .app-logo, body[data-path="update-password"] .page-card-head .app-logo {
  width: auto; max-width: 250px; max-height: 115px; object-fit: contain; filter: drop-shadow(0 5px 10px rgba(17,30,108,.12));
}
body[data-path="login"] .page-card-head h4, body[data-path="update-password"] .page-card-head h4 {
  color: var(--ats-login-primary); font-size: 1.3rem; font-weight: 750;
}
body[data-path="login"] .form-control, body[data-path="update-password"] .form-control { min-height: 48px; border-radius: 9px; font-size: 1rem; }
body[data-path="login"] .btn-primary, body[data-path="update-password"] .btn-primary {
  min-height: 46px; border-color: var(--ats-login-primary); background: var(--ats-login-primary); border-radius: 9px; font-size: 1rem; font-weight: 700;
}
body[data-path="login"] .btn-primary:hover, body[data-path="update-password"] .btn-primary:hover {
  border-color: var(--ats-login-accent); background: var(--ats-login-accent); color: #111e6c;
}
body[data-path="login"] a, body[data-path="update-password"] a { color: var(--ats-login-primary); font-weight: 650; }