.elementor-23575 .elementor-element.elementor-element-9ece23d{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-23575 .elementor-element.elementor-element-9ece23d:not(.elementor-motion-effects-element-type-background), .elementor-23575 .elementor-element.elementor-element-9ece23d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://healgraceinstitute.icu/wp-content/uploads/2025/04/Heal-Grace-YouTube-Banner-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-23575 .elementor-element.elementor-element-9ece23d, .elementor-23575 .elementor-element.elementor-element-9ece23d::before{--border-transition:0.3s;}/* Start custom CSS for shortcode, class: .elementor-element-0bf8ee5 *//* Wrapper for Registration & Login */
.ld-registration__wrapper {
  max-width: 500px;
  margin: 5% auto;
  padding-top: 2rem;
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: -4rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 1.5rem;
  backdrop-filter: blur(12px) saturate(180%);
  color: #fff;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

/* Headings */
.ld-registration__heading {
  font-size: 2.2rem;
  margin-bottom: 1.2rem;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* Paragraph Links */
.ld-registration__p a,
.ld-registration__forgot-password a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.ld-registration__p a:hover,
.ld-registration__forgot-password a:hover {
  color: #ddd;
}

/* Form Fields */
.ld-form__field {
  width: 100%;
  padding: 0.8rem 1rem;
  margin-bottom: 1.5rem;
  border: 1px solid rgba(255,255,255,0.6);
  border-radius: 0.7rem;
  font-size: 1rem;
  background: rgba(255,255,255,0.12);
  color: #fff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.ld-form__field::placeholder {
  color: rgba(255,255,255,0.7);
}

.ld-form__field:focus {
  border-color: #fff;
  box-shadow: 0 0 8px rgba(255,255,255,0.4);
  outline: none;
}

/* Labels */
.ld-form label,
.ld-form__field-outer-wrapper label {
  display: block;
  text-align: left;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #fff;
  font-size: 0.95rem;
}

/* Submit Buttons */
.ld-form input[type="submit"],
.ld-registration__register-submit-wrapper input[type="submit"] {
  background: #112B56;
  color: #fff;
  border: none;
  padding: 1rem 1.5rem;
  border-radius: 0.9rem;
  cursor: pointer;
  font-size: 1.1rem;
  width: 100%;
  margin-top: 1rem;
  font-weight: bold;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
}

.ld-form input[type="submit"]:hover,
.ld-registration__register-submit-wrapper input[type="submit"]:hover {
  background: #0d2042;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

/* Remember Me checkbox */
.login-remember {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  color: #fff;
  font-size: 0.9rem;
}

.login-remember input {
  margin-right: 0.5rem;
}

/* Password Hint */
.ld-password-strength__hint {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.7);
  margin-top: -1rem;
  margin-bottom: 1rem;
  text-align: left;
}

/* Password Visibility Toggle */
.ld-button__password-visibility-toggle {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 0.5rem !important;
  margin-top: 0.5rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.ld-button__password-visibility-toggle:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* Responsive: Make form smaller on small devices */
@media (max-width: 600px) {
  .ld-registration__wrapper {
    padding: 1.5rem;
  }
  .ld-registration__heading {
    font-size: 1.8rem;
  }
  .ld-form__field {
    font-size: 0.95rem;
  }
}

/* Match registration button color to login */
.learndash-wrapper .ld-registration .learndash_register_submit input[type="submit"] {
  background-color: #03164c !important; /* same dark blue as login */
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 0 !important;
  width: 100% !important;
  font-size: 16px !important;
}

/* Make registration form width same as login */
.learndash-wrapper .ld-registration {
  max-width: 420px !important; /* same as login form width */
  margin: 0 auto !important;
}

/* Uniform spacing for registration form fields */
.learndash-wrapper .ld-registration .ld-registration-fields input {
  margin-bottom: 16px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}

/* Optional: Give registration form the same padding as login box */
.learndash-wrapper .ld-registration {
  padding: 24px !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}

/* Consistent spacing for login form fields too */
.um-login input[type="text"],
.um-login input[type="password"] {
  margin-bottom: 16px !important;
  padding: 12px !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}

/* Make sure login form width is also uniform */
.um.um-login {
  max-width: 420px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}/* End custom CSS */