.elementor-bc-flex-widget .elementor-140 .elementor-element.elementor-element-ac2e558.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-140 .elementor-element.elementor-element-ac2e558.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-140 .elementor-element.elementor-element-ac2e558.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-140 .elementor-element.elementor-element-6eceed6 img{width:27%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-140 .elementor-element.elementor-element-57b4dcd{width:var( --container-widget-width, 27% );max-width:27%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -32px) 0px;padding:11px 0px 0px 0px;--container-widget-width:27%;--container-widget-flex-grow:0;text-align:left;font-family:"IBM Plex Mono", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}#elementor-popup-modal-140 .dialog-widget-content{background-color:#000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-140{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-140 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-140 .dialog-close-button{display:flex;font-size:25px;}#elementor-popup-modal-140 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-140 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-140 .dialog-close-button:hover i{color:#E0E0E0;}@media(max-width:767px){.elementor-140 .elementor-element.elementor-element-6eceed6 img{width:80%;}.elementor-140 .elementor-element.elementor-element-57b4dcd{--container-widget-width:296px;--container-widget-flex-grow:0;width:var( --container-widget-width, 296px );max-width:296px;}}/* Start custom CSS for html, class: .elementor-element-21cc18a *//* Import IBM font if not already loaded */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;700&display=swap');

.e-float-login {
  max-width: 300px;
  margin: 0 auto;

  /* full height center */
  min-height: ;
  display: flex;
  flex-direction: column;
  justify-content: center;

  font-family: 'IBM Plex Mono', sans-serif;
}

.float-field {
  position: relative;
  margin: 25px 0;
}

.float-field input {
  width: 100%;
  padding: 16px 14px;
  border: 0.5px solid #d9d9d9;
  border-radius: 4px;
  background: transparent;       /* transparent field */
  outline: 0;
  font-size: 16px;
  line-height: 1.2;
  color: #d9d9d9;                /* text inside is white */
  font-family: 'IBM Plex Mono', sans-serif;
  transition: border-color .2s, box-shadow .2s;
}

.float-field input:focus {
  border-color: #000000;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.2);
}

.float-field label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 6px;
  background: #000000;       /* transparent background under label */
  pointer-events: none;
  color: #d9d9d9;
  font-size: 16px;
  font-family: 'IBM Plex Mono', sans-serif;
  transition: top .2s, transform .2s, font-size .2s, color .2s;
}

/* Float when focused or when there is text */
.float-field input:focus + label,
.float-field input:not(:placeholder-shown) + label {
  top: -7px;
  transform: none;
  font-size: 12px;
  color: #d9d9d9;
}

/* Button styling */
.e-float-btn {
  width: 30%;
  padding: 12px 16px;
  border-radius: 30px;
  margin: 15px 0;
  border: 1px solid #ffffff;
  background: #ffffff;               /* transparent button */
  color: #000000;
  font-weight: 500;
  font-family: 'IBM Plex Mono', sans-serif;
  cursor: pointer;
  transition: background .2s, color .2s;
}

.e-float-btn:hover {
  background: #d9d9d9;
  color: #000000; /* black text when hovered */
}

/* Keep white after click / focus */
.e-float-btn:active,
.e-float-btn:focus {
  background: #ffffff !important;
  color: #000000 !important;
  outline: none; /* optional: remove blue outline */
}

/* Position + style the toggle */
.toggle-pass {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background: transparent;
  border: 0;
  padding: 0;
  color: #ffffff;          /* SVG uses currentColor */
  cursor: pointer;
}

/* Prevent hover color/background change of toggle */
.toggle-pass:hover,
.toggle-pass:focus,
.toggle-pass:active {
  background: transparent;
  color: #ffffff; /* same as default */
  outline: none;
}

.toggle-pass .icon-eye-off { display: none; }
.toggle-pass.is-visible .icon-eye { display: none; }
.toggle-pass.is-visible .icon-eye-off { display: inline; }

/* Ensure room for the icon in the password field only */
#elogin-pass { padding-right: 46px; }/* End custom CSS */