/**
 * Light glass overrides for login/auth pages.
 */
html.glass-theme .auth-main {
  min-height: 100vh;
  background:
    radial-gradient(900px 600px at 10% 0%, rgba(56, 189, 248, 0.28), transparent 55%),
    radial-gradient(800px 500px at 90% 20%, rgba(45, 212, 191, 0.24), transparent 50%),
    linear-gradient(155deg, #eef5fb 0%, #e8f7f3 55%, #f4f8fc 100%) !important;
  font-family: "Sora", "Segoe UI", sans-serif !important;
  color: #1e3a4c !important;
}

html.glass-theme .auth-main .image-area,
html.glass-theme .auth-main .sign-area {
  background: rgba(255, 255, 255, 0.62) !important;
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 50px rgba(15, 55, 75, 0.1);
  color: #1e3a4c !important;
}

html.glass-theme .auth-main h2,
html.glass-theme .auth-main .sign-hader h2,
html.glass-theme .auth-main .image-hader h2 {
  font-family: "Outfit", "Sora", sans-serif !important;
  color: #0b2436 !important;
}

html.glass-theme .auth-main .form-control {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  border-radius: 12px !important;
  color: #0b2436 !important;
}

html.glass-theme .auth-main .btn,
html.glass-theme .auth-main button[type="submit"] {
  border-radius: 12px !important;
  background: linear-gradient(135deg, #0d9488, #0284c7) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 20px rgba(2, 132, 199, 0.22);
}

html.glass-theme .auth-main a {
  color: #0284c7 !important;
}

html.glass-theme .auth-main .f-social-links a span {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(148, 163, 184, 0.3);
  color: #0d9488;
}

html.glass-theme .panel-sign,
html.glass-theme .panel-signin,
html.glass-theme .body-sign .panel {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 50px rgba(15, 55, 75, 0.1) !important;
  color: #1e3a4c !important;
}

html.glass-theme .body-sign,
html.glass-theme .body-sign .center-sign {
  background: transparent !important;
}