.elementor-2150 .elementor-element.elementor-element-6b761544{--display:flex;}.elementor-2150 .elementor-element.elementor-element-f61de23{text-align:center;}.elementor-2150 .elementor-element.elementor-element-53f5317e.elementor-element{--align-self:center;}.elementor-2150 .elementor-element.elementor-element-53f5317e{text-align:center;}.elementor-2150 .elementor-element.elementor-element-2402d36{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-53f5317e *//* Adapted from Uiverse.io by Spacious74 - Modified for your existing HTML */
.uap-login-form-wrap {
  border: solid 1px #8d8d8d;
  padding: 20px;
  border-radius: px;
  background-color: #fff;
  max-width: 300px;
  margin: 0 auto;
}

.uap-login-form-wrap #uap_login_form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.uap-form-line-fr {
  position: relative;
  margin-bottom: 0; /* Override existing margin */
}

.uap-form-label-fr {
  position: absolute;
  color: #8d8d8d;
  pointer-events: none;
  background-color: transparent;
  left: 15px;
  transform: translateY(0.6rem);
  transition: all 0.3s ease;
  font-weight: normal !important; /* Override your bold */
}

.uap-form-label-username, 
.uap-form-label-pass {
  top: 0;
}

#uap_login_username, 
#uap_login_password {
  padding: 10px 15px !important;
  font-size: 1rem !important;
  border-radius: 8px !important;
  border: solid 1px #8d8d8d !important;
  letter-spacing: 1px;
  width: 100%;
  background-color: transparent !important;
}

#uap_login_username:focus, 
#uap_login_password:focus,
#uap_login_username:valid, 
#uap_login_password:valid {
  outline: none !important;
  border: solid 1px #0034de !important;
}

#uap_login_username:focus ~ .uap-form-label-username, 
#uap_login_username:valid ~ .uap-form-label-username,
#uap_login_password:focus ~ .uap-form-label-pass, 
#uap_login_password:valid ~ .uap-form-label-pass {
  transform: translateY(-51%) translateX(-10px) scale(0.8);
  background-color: #fff;
  padding: 0px 5px;
  color: #0034de;
  font-weight: bold !important;
  letter-spacing: 1px;
}

.uap-form-submit {
  width: 100%;
}

.uap-form-submit input[type="submit"] {
  padding: 10px 20px !important;
  font-size: 1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  border-radius: 10px !important;
  border: solid 1px #1034aa !important;
  border-bottom: solid 1px #90c2ff !important;
  background: linear-gradient(135deg, #0034de, #006eff) !important;
  color: #fff !important;
  font-weight: bolder !important;
  transition: all 0.2s ease !important;
  box-shadow: 0px 2px 3px #000d3848, inset 0px 4px 5px #0070f0,
    inset 0px -4px 5px #002cbb !important;
  width: 100%;
}

.uap-form-submit input[type="submit"]:active {
  box-shadow: inset 0px 4px 5px #0070f0, inset 0px -4px 5px #002cbb !important;
  transform: scale(0.995) !important;
}

.uap-form-links {
  font-size: 0.8rem;
}

.uap-form-links a {
  color: #0034de !important;
  text-decoration: none !important;
}

.uap-remember-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.uap-form-input-remember {
  width: 16px !important;
  height: 16px !important;
  accent-color: #0034de !important;
}/* End custom CSS */