body[data-path="login"] {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 210, 0, 0.22), transparent 24%),
    radial-gradient(circle at 84% 18%, rgba(7, 89, 184, 0.18), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #eef5ff 100%) !important;
}

body[data-path="login"] .web-footer,
body[data-path="login"] .page-footer,
body[data-path="login"] .powered-by,
body[data-path="login"] footer {
  display: none !important;
}

body[data-path="login"] .for-login,
body[data-path="login"] .for-forgot,
body[data-path="login"] .for-signup,
body[data-path="login"] .for-email-login {
  border: 1px solid rgba(16, 24, 40, 0.1);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 28px 86px rgba(6, 27, 61, 0.16);
  backdrop-filter: blur(18px);
}

body[data-path="login"] .page-card-head h4 {
  color: #101828;
  font-size: 1.45rem;
  font-weight: 900;
}

body[data-path="login"] .page-card-head::before {
  content: "Acceso institucional";
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 12px;
  border-radius: 999px;
  color: #101828;
  background: #ffd200;
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

body[data-path="login"] .btn-login,
body[data-path="login"] .btn-primary {
  border-color: #0759b8 !important;
  background: #0759b8 !important;
  color: #fff !important;
  font-weight: 850;
}