.elementor-1381 .elementor-element.elementor-element-6c02f9b0{--display:flex;}.elementor-1381 .elementor-element.elementor-element-27568aa3{text-align:left;}.elementor-1381 .elementor-element.elementor-element-27568aa3 .sub-title{color:#00FF00;font-weight:bold;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1381 .elementor-element.elementor-element-22811353 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:bold;color:#FFFFFF;}.elementor-1381 .elementor-element.elementor-element-ed62982{--spacer-size:50px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button span{gap:10px;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:15px;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-15px;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-labels-inline .elementor-field-group > label{padding-left:15px;}body:not(.rtl) .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-labels-inline .elementor-field-group > label{padding-right:15px;}body .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-labels-above .elementor-field-group > label{padding-bottom:15px;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group > label, .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-subgroup label{color:#00FFFF;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-type-html{padding-bottom:0px;color:#FFFFFF;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group .elementor-field{color:#000000;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group .elementor-field, .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#66FF00;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#66FF00;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group .elementor-select-wrapper::before{color:#66FF00;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button{font-family:"Poppins", Sans-serif;font-weight:bold;border-style:groove;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .e-form__buttons__wrapper__button-next{background-color:#FFCD00;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button[type="submit"]{background-color:#FFCD00;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .e-form__buttons__wrapper__button-previous{color:#ffffff;border-color:#00FFF5;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .e-form__buttons__wrapper__button-next:hover{background-color:#FF0000;color:#ffffff;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button[type="submit"]:hover{background-color:#FF0000;color:#ffffff;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-1381 .elementor-element.elementor-element-22811353 .elementor-heading-title{font-size:20px;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-group .elementor-field, .elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-field-subgroup label{font-size:18px;}.elementor-1381 .elementor-element.elementor-element-2ff5fc4d .elementor-button{font-size:20px;}}/* Start custom CSS for form, class: .elementor-element-2ff5fc4d *//* Scope this to only your form: add "topup-form" in the Form widget > Advanced > CSS Classes */
.topup-form {
  --bg1: #0e0e0e;
  --bg2: #1e1e1e;
  --primary: #00ffc3;
  --accent: #1aff85;
  --focus: #00ffcc;
  --text: #ffffff;
  --muted: #b6f3e1;
  --danger: #ff4d6d;
  --success: #1aff85;
  --warning: #ffe600;
  --glow: rgba(0, 255, 170, 0.15);
  --radius: 16px;
  --radius-input: 12px;
  --space: 14px;
  --speed: .25s;

  /* Tell the UA it's a dark UI (improves native controls in supporting browsers) */
  color-scheme: dark;
}

/* Wrapper */
.topup-form .elementor-form {
  background: linear-gradient(145deg, var(--bg1), var(--bg2));
  border: 2px solid var(--primary);
  border-radius: var(--radius);
  padding: 25px;
  box-shadow: 0 0 25px var(--glow);
  position: relative;
  z-index: 1;
  max-width: 640px;
  margin: 0 auto;
}

/* Subtle glow halo */
.topup-form .elementor-form::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(60% 60% at 50% 0%, rgba(0,255,195,.15), transparent 70%);
  filter: blur(10px);
  opacity: .6;
}

/* Layout spacing */
.topup-form .elementor-form .elementor-form-fields-wrapper {
  display: grid;
  gap: var(--space);
}

/* Labels */
.topup-form .elementor-field-label {
  color: var(--text);
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
}

/* Inputs, textareas, selects */
.topup-form .elementor-field-group .elementor-field {
  appearance: none;
  background-color: #0f0f0f;
  color: var(--text);
  border-radius: var(--radius-input);
  padding: 14px 14px;
  font-size: 16px;
  line-height: 1.35;
  font-family: inherit;
  border: 2px solid var(--accent);
  box-shadow: 0 0 8px rgba(0, 255, 150, 0.2);
  transition: border-color var(--speed) ease, box-shadow var(--speed) ease, transform var(--speed) ease;
}

/* Textarea */
.topup-form textarea.elementor-field {
  min-height: 120px;
  resize: vertical;
}

/* Placeholder */
.topup-form .elementor-field::placeholder {
  color: rgba(255,255,255,.6);
}

/* Focus */
.topup-form .elementor-field:focus { outline: none; }
.topup-form .elementor-field:focus-visible {
  border-color: var(--focus);
  box-shadow: 0 0 0 3px rgba(0,255,204,.25), 0 0 15px #00ffcc88;
  transform: translateZ(0);
}

/* Validation: rely on aria-invalid to avoid red on first load */
.topup-form .elementor-field[aria-invalid="true"] {
  border-color: var(--danger);
  box-shadow: 0 0 12px rgba(255, 77, 109, .35);
}

/* Positive feedback only when actually valid */
.topup-form .elementor-field:required:valid {
  border-color: var(--success);
  box-shadow: 0 0 10px rgba(26, 255, 133, .25);
}

/* Autofill (inputs + textarea + select) */
.topup-form input.elementor-field:-webkit-autofill,
.topup-form textarea.elementor-field:-webkit-autofill,
.topup-form select.elementor-field:-webkit-autofill {
  -webkit-text-fill-color: var(--text);
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 0 1000px #0f0f0f inset;
}

/* Select: arrow + cross-browser appearance */
.topup-form select.elementor-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px 20px;
  padding-right: 44px;
}
.topup-form select.elementor-field option {
  background: #0f0f0f;
  color: var(--text);
}

/* Checkboxes & radios (keep native look, add focus styles) */
.topup-form input[type="checkbox"].elementor-field,
.topup-form input[type="radio"].elementor-field {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  accent-color: var(--primary);
  width: 18px;
  height: 18px;
}
.topup-form input[type="checkbox"].elementor-field:focus-visible,
.topup-form input[type="radio"].elementor-field:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(0,255,204,.2);
  border-radius: 4px;
}

/* Better WebKit date/time picker icon in dark UIs */
.topup-form input[type="date"]::-webkit-calendar-picker-indicator,
.topup-form input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1) hue-rotate(180deg);
  opacity: .85;
}

/* Disabled / read-only states */
.topup-form .elementor-field:disabled,
.topup-form .elementor-field[readonly] {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Slightly tighten group spacing */
.topup-form .elementor-field-group {
  margin-bottom: 2px;
}

/* Submit button */
.topup-form .elementor-button[type="submit"] {
  position: relative;
  background: linear-gradient(90deg, #00bfff, #ff0080, #ffe600);
  color: #fff;
  border: none;
  font-weight: 800;
  padding: 16px 30px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  overflow: hidden; /* clip the shine inside the button */
  z-index: 1;
  transition: transform var(--speed) ease, box-shadow var(--speed) ease, opacity var(--speed) ease;
  margin-top: 10px;
  width: 100%;
  will-change: transform;
  cursor: pointer;
}

/* Gradient Shine (with vendor prefixes) */
.topup-form .elementor-button[type="submit"]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  transform: translateX(-100%);
  animation: slide 1.5s infinite;

  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);
}

/* Hover/active */
.topup-form .elementor-button[type="submit"]:hover {
  opacity: 0.95;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
  transform: translateY(-1px) scale(1.02);
}
.topup-form .elementor-button[type="submit"]:active {
  transform: translateY(0);
}

/* Focus ring */
.topup-form .elementor-button[type="submit"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,255,204,.35), 0 0 0 6px rgba(0,255,204,.2);
}

/* Disabled / loading */
.topup-form .elementor-button[type="submit"][disabled],
.topup-form .elementor-button[type="submit"].is-loading {
  opacity: .75;
  pointer-events: none;
}
.topup-form .elementor-button[type="submit"].is-loading { cursor: progress; }
.topup-form .elementor-button[type="submit"].is-loading::after { display: none; }
.topup-form .elementor-button[type="submit"].is-loading::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.35);
  border-top-color: #fff;
  animation: spin 1s linear infinite;
  z-index: 3;
}

/* Elementor messages */
.topup-form .elementor-message-success {
  background: #0d2718;
  color: #d7ffe8;
  border-left: 3px solid var(--success);
  border-radius: 8px;
  padding: 12px 14px;
}
.topup-form .elementor-message-danger {
  background: #2b0d14;
  color: #ffd7df;
  border-left: 3px solid var(--danger);
  border-radius: 8px;
  padding: 12px 14px;
}

/* Reduced motion for performance/accessibility */
@media (prefers-reduced-motion: reduce) {
  .topup-form .elementor-button[type="submit"]::after { animation: none; }
  .topup-form .elementor-button,
  .topup-form .elementor-field { transition: none; }
}

/* High contrast (Windows/UA forced colors) */
@media (forced-colors: active) {
  .topup-form .elementor-field { border-color: CanvasText; }
  .topup-form .elementor-button[type="submit"] {
    background: ButtonFace;
    border: 1px solid ButtonText;
    color: ButtonText;
  }
  .topup-form .elementor-button[type="submit"]::after { display: none; }
}

/* Keyframes */
@keyframes slide {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
@keyframes spin {
  to { transform: translate(-50%,-50%) rotate(360deg); }
}

/* Optional: icon for a specific field (replace 'player_id' with your real Field ID) */
.topup-form .elementor-field-group-player_id .elementor-field {
  padding-left: 46px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='7' r='4' stroke='%2300ffc3' stroke-width='2'/%3E%3Cpath d='M4 21c0-4 4-7 8-7s8 3 8 7' stroke='%2300ffc3' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 20px;
}/* End custom CSS */