html, body { min-height: 100%; }
body { background: #090b10 !important; }

#ping-auth-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at top, rgba(0, 123, 255, 0.16), transparent 55%),
    radial-gradient(ellipse at bottom right, rgba(11, 18, 32, 0.95), transparent 50%),
    #090b10;
}

#ping-auth-bg:after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 48px 48px;
}

.ping-logo-img {
  height: 28px !important;
  width: auto !important;
  max-width: 140px !important;
  display: block !important;
  object-fit: contain !important;
}

a.ping-logo-link,
a.ping-logo-link:hover {
  background: none !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
}

.ping-auth-card {
  position: relative !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  background: rgba(16, 20, 28, 0.92) !important;
  backdrop-filter: blur(14px);
  box-shadow:
    0 0 0 1px rgba(0, 123, 255, 0.08),
    0 28px 80px rgba(0, 0, 0, 0.45) !important;
  padding: 32px 28px !important;
  max-width: 420px !important;
}

.ping-form-logo {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 8px !important;
}

.ping-form-logo img {
  height: 32px !important;
  width: auto !important;
  max-width: 148px !important;
  object-fit: contain !important;
  display: block !important;
}

.ping-auth-card input[type="email"],
.ping-auth-card input[type="password"],
.ping-auth-card input[type="text"] {
  border-radius: 10px !important;
  min-height: 44px !important;
}

.ping-auth-card button[type="submit"] {
  border-radius: 10px !important;
  min-height: 44px !important;
  font-weight: 600 !important;
}