body[data-path="login"],
body.frappe-login {
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 12%, rgb(168 85 247 / 34%), transparent 34%),
    radial-gradient(circle at 86% 78%, rgb(102 0 153 / 38%), transparent 40%),
    linear-gradient(145deg, #08070b 0%, #15101d 48%, #260034 100%) !important;
}

body[data-path="login"] .navbar,
body.frappe-login .navbar { background: transparent !important; border: 0 !important; }

body[data-path="login"] .page-card,
body.frappe-login .page-card {
  padding: 34px !important;
  border: 1px solid rgb(255 255 255 / 12%) !important;
  border-radius: 26px !important;
  background: rgb(19 16 26 / 88%) !important;
  box-shadow: 0 28px 70px rgb(0 0 0 / 42%) !important;
  backdrop-filter: blur(18px);
}

body[data-path="login"] .page-card-head img,
body.frappe-login .page-card-head img {
  width: min(270px, 84%) !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain;
}

body[data-path="login"] .page-card-head h4,
body.frappe-login .page-card-head h4 { color: #f7f3fb !important; }

body[data-path="login"] .page-card-subtitle,
body.frappe-login .page-card-subtitle,
body[data-path="login"] .page-card label,
body.frappe-login .page-card label,
body[data-path="login"] .page-card .form-label,
body.frappe-login .page-card .form-label {
  color: #cfc7d8 !important;
  opacity: 1 !important;
}

body[data-path="login"] .form-control,
body.frappe-login .form-control,
body[data-path="login"] .email-field input,
body[data-path="login"] .password-field input {
  min-height: 48px !important;
  padding: 0 17px !important;
  border: 1px solid rgb(255 255 255 / 13%) !important;
  border-radius: 15px !important;
  background: rgb(255 255 255 / 8%) !important;
  box-shadow: none !important;
  color: #fff !important;
}

body[data-path="login"] .form-control::placeholder,
body.frappe-login .form-control::placeholder,
body[data-path="login"] .email-field input::placeholder,
body[data-path="login"] .password-field input::placeholder {
  color: #aaa1b5 !important;
  opacity: 1 !important;
}

body[data-path="login"] .form-control:focus,
body.frappe-login .form-control:focus {
  border-color: #a855f7 !important;
  box-shadow: 0 0 0 4px rgb(168 85 247 / 17%) !important;
}

body[data-path="login"] .btn-primary,
body.frappe-login .btn-primary {
  min-height: 48px;
  border: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #7e22ce, #660099) !important;
  box-shadow: 0 10px 26px rgb(102 0 153 / 35%);
  color: #fff !important;
  font-weight: 700;
}

body[data-path="login"] a,
body.frappe-login a { color: #d8b4fe !important; }

body[data-path="login"] .btn-login-with-email-link,
body.frappe-login .btn-login-with-email-link {
  min-height: 46px;
  border: 1px solid rgb(216 180 254 / 32%) !important;
  border-radius: 15px !important;
  background: rgb(168 85 247 / 13%) !important;
  color: #ead7ff !important;
  font-weight: 650;
}

body[data-path="login"] .page-card-actions,
body.frappe-login .page-card-actions { color: #c7c1cf; }

body[data-path="login"] footer,
body.frappe-login footer { color: #9f98aa !important; }