.elementor-565 .elementor-element.elementor-element-baa165d{padding:100px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-565 .elementor-element.elementor-element-8230b80.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-565 .elementor-element.elementor-element-8230b80.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-565 .elementor-element.elementor-element-8230b80.elementor-column > .elementor-widget-wrap{justify-content:center;}/* Start custom CSS *//* =============================================
   K21 Academy – Lost Password Page
   Final Custom CSS
   Paste into: Appearance > Customize > Additional CSS
   ============================================= */

/* Page background */
.page-id-565 .elementor-section {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f0f4f8 !important;
}

.page-id-565 .elementor-container {
  display: flex !important;
  justify-content: center !important;
}

/* Card — flex column so order property works on children */
.page-id-565 .elementor-shortcode {
  max-width: 420px !important;
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #dde3ea !important;
  border-radius: 10px !important;
  padding: 2.25rem 2.25rem 2rem !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Brand bar at top of card */
.page-id-565 .elementor-shortcode::before {
  content: "K21 Academy  |  Cloud Training Program" !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #009ee3 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid #e5eaf0 !important;
  order: 0 !important;
}

/* Form — sits above success message */
.page-id-565 .elementor-shortcode form {
  order: 1 !important;
}

/* Form title */
.page-id-565 #_1::before {
  content: "Forgot your password?" !important;
  display: block !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 6px !important;
}

/* Form subtitle */
.page-id-565 #_1 > p:first-of-type::before {
  content: "Enter your username or email and we'll send you a reset link." !important;
  display: block !important;
  font-size: 13px !important;
  color: #6b7280 !important;
  line-height: 1.6 !important;
  margin-bottom: 1.25rem !important;
}

/* Label */
.page-id-565 .elementor-shortcode label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #374151 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* Input field */
.page-id-565 #user_login,
.page-id-565 .elementor-shortcode input.input {
  width: 100% !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
  color: #111827 !important;
  background: #f9fafb !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 6px !important;
  outline: none !important;
  box-shadow: none !important;
  margin-top: 1rem !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important;
}

.page-id-565 #user_login:focus,
.page-id-565 .elementor-shortcode input.input:focus {
  border-color: #009ee3 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 158, 227, 0.15) !important;
}

.page-id-565 #user_login::placeholder,
.page-id-565 .elementor-shortcode input.input::placeholder {
  color: #b0b7c3 !important;
  font-size: 13px !important;
}

/* Submit button */
.page-id-565 #wp-submit,
.page-id-565 .elementor-shortcode input.button,
.page-id-565 .elementor-shortcode input.button-primary,
.page-id-565 .elementor-shortcode input.button-large {
  width: 100% !important;
  padding: 12px 16px !important;
  background: #009ee3 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 158, 227, 0.3) !important;
  margin-top: 0 !important;
  display: block !important;
  transition: background 0.2s, transform 0.1s !important;
}

.page-id-565 #wp-submit:hover,
.page-id-565 .elementor-shortcode input.button-primary:hover {
  background: #0086c4 !important;
  box-shadow: 0 4px 12px rgba(0, 158, 227, 0.35) !important;
}

.page-id-565 #wp-submit:active,
.page-id-565 .elementor-shortcode input.button-primary:active {
  transform: scale(0.98) !important;
}

/* Paragraph spacing */
.page-id-565 .elementor-shortcode form p {
  margin-bottom: 1rem !important;
}

.page-id-565 .elementor-shortcode form p.submit {
  margin-bottom: 0 !important;
  margin-top: 0.25rem !important;
}

/* Back to login — injected after form */
.page-id-565 .elementor-shortcode form::after {
  content: "Back to login" !important;
  display: block !important;
  text-align: center !important;
  font-size: 13px !important;
  color: #009ee3 !important;
  font-weight: 600 !important;
  margin-top: 1.25rem !important;
  padding-top: 1.25rem !important;
  border-top: 1px solid #e5eaf0 !important;
}

/* Success message (Memberium) — sits below form */
.page-id-565 p.memb_lost_password_submitted {
  order: 2 !important;
  display: block !important;
  color: #16a34a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  margin-top: 1rem !important;
  line-height: 1.6 !important;
}

/* Legacy success message class */
.page-id-565 .password_send_message {
  color: #16a34a !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  margin-top: 12px !important;
  display: block !important;
}

/* Error message */
.page-id-565 .elementor-shortcode .error,
.page-id-565 .elementor-shortcode p.error {
  color: #dc2626 !important;
  font-size: 12px !important;
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  margin-top: 6px !important;
}

/* Mobile */
@media screen and (max-width: 500px) {
  .page-id-565 .elementor-shortcode {
    padding: 1.5rem 1.25rem !important;
    border-radius: 8px !important;
  }
}/* End custom CSS */