:root {
  --login-green: #0f8f65;
  --login-deep: #073f31;
  --login-border: #e1eae6;
}
html, body { min-height: 100%; }
body.premium-login-page {
  background:
    radial-gradient(circle at 14% 14%, rgba(65,213,160,.28), transparent 24%),
    radial-gradient(circle at 86% 82%, rgba(29,161,116,.22), transparent 28%),
    linear-gradient(135deg, #063f30 0%, #087052 52%, #0d8a63 100%) !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
}
body.premium-login-page .main-container { padding: 28px 18px; }
body.premium-login-page .card {
  max-width: 410px;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 30px 80px rgba(2,38,27,.30) !important;
  backdrop-filter: blur(12px);
}
body.premium-login-page .card-body { padding: 34px 34px 30px !important; }
body.premium-login-page .login-logo {
  width: 112px !important;
  margin-bottom: 14px !important;
  filter: drop-shadow(0 10px 16px rgba(8,83,59,.10));
}
body.premium-login-page .card-title {
  color: #17372b !important;
  font-size: 1.18rem !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
  margin-bottom: 24px !important;
}
body.premium-login-page label {
  font-size: .82rem;
  font-weight: 650;
  color: #53655d;
}
body.premium-login-page .input-group-text {
  min-width: 44px;
  justify-content: center;
  background: #f3f7f5 !important;
  border-color: #dce6e2 !important;
  color: #6d7d76;
  border-radius: 10px 0 0 10px !important;
}
body.premium-login-page .form-control {
  min-height: 44px;
  border-color: #dce6e2 !important;
  border-radius: 0 10px 10px 0 !important;
  font-size: .9rem;
}
body.premium-login-page .form-control:focus {
  border-color: rgba(15,143,101,.65) !important;
  box-shadow: 0 0 0 .18rem rgba(15,143,101,.11) !important;
}
body.premium-login-page .btn-login {
  min-height: 44px;
  margin-top: 8px;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(110deg, #0f8f65, #14ac79) !important;
  box-shadow: 0 10px 22px rgba(15,143,101,.20);
}
body.premium-login-page .btn-login:hover {
  background: linear-gradient(110deg, #0c7b58, #109466) !important;
  transform: translateY(-1px);
}
body.premium-login-page footer {
  background: rgba(5,49,36,.58) !important;
  border-top: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  font-size: .78rem !important;
}
body.premium-login-page .swal2-popup.premium-swal {
  border-radius: 20px !important;
  border: 1px solid #e1eae6 !important;
  box-shadow: 0 28px 80px rgba(4,45,33,.25) !important;
  font-family: "Inter", "Segoe UI", sans-serif !important;
}