.elementor-54 .elementor-element.elementor-element-9382600{--display:flex;}.elementor-54 .elementor-element.elementor-element-72ab0a9{--display:flex;}.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-54 .elementor-element.elementor-element-23b2b2a{text-align:center;}.elementor-54 .elementor-element.elementor-element-23b2b2a .elementor-heading-title{color:var( --e-global-color-text );}.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-54 .elementor-element.elementor-element-9c414ae{text-align:center;}.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-54 .elementor-element.elementor-element-a3a76e0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--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;}.elementor-54 .elementor-element.elementor-element-a3a76e0.elementor-element{--align-self:center;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-type-html{padding-bottom:0px;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-button[type="submit"]{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-message.elementor-message-success{color:var( --e-global-color-text );}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-message.elementor-message-danger{color:var( --e-global-color-secondary );}.elementor-54 .elementor-element.elementor-element-a3a76e0 .elementor-message.elementor-help-inline{color:var( --e-global-color-text );}.elementor-54 .elementor-element.elementor-element-9e07d78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-54 .elementor-element.elementor-element-ff93103{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-72ab0a9 *//* ================================================= */
/*                CTA – pełna szerokość              */
/* ================================================= */

.vsl-cta {
  width: 100%;
  max-width: 1200px;           /* już się nie zwęża */
  margin: 10px auto;
  padding: 50px 40px;
  border-radius: 28px;
  border: 1px solid rgba(0, 224, 255, 0.45);

  background:
    radial-gradient(circle at 20% 0%, rgba(127, 0, 255, 0.18), transparent 60%),
    radial-gradient(circle at 80% 100%, rgba(0, 224, 255, 0.22), transparent 60%),
    rgba(3, 7, 24, 0.96);

  box-shadow:
    0 0 32px rgba(0, 224, 255, 0.35),
    0 0 55px rgba(127, 0, 255, 0.35),
    0 40px 90px rgba(0, 0, 0, 0.85);

  position: relative;
}

.vsl-cta:hover {
  transform: translateY(-4px);
  transition: 0.35s ease;
  box-shadow:
    0 0 45px rgba(0, 224, 255, 0.55),
    0 0 75px rgba(127, 0, 255, 0.55),
    0 50px 110px rgba(0, 0, 0, 1);
}

/* NAPRAWIA ZWĘŻANIE FORMULARZA */
.vsl-cta .elementor-form {
  width: 100%;
  max-width: 100%;
}


/* ================================================= */
/*                POLA FORMULARZA                    */
/* ================================================= */

/* box z etykietą */
.vsl-cta .elementor-field-group {
  margin-bottom: 18px;
  position: relative;
}

/* ETYKIETY */
.vsl-cta .elementor-field-group > label {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 6px;
}

/* DOMYŚLNY STYL POLA (jasny, czarny tekst) */
.vsl-cta .elementor-field-textual,
.vsl-cta textarea.elementor-field-textual {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.35);

  background: rgba(255, 255, 255, 0.92);      /* << jasne pole */
  color: #000;                                 /* << czarny tekst */
  font-size: 15px;
  padding: 14px 16px;

  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.12);

  transition:
    background 0.35s ease,
    border 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.25s ease;
}

/* placeholder — czarny i bardziej widoczny */
.vsl-cta .elementor-field-textual::placeholder,
.vsl-cta textarea.elementor-field-textual::placeholder {
  color: rgba(0, 0, 0, 0.55);
}

/* HOVER — lekki efekt szkła */
.vsl-cta .elementor-field-textual:hover,
.vsl-cta textarea.elementor-field-textual:hover {
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-1px);
  border-color: rgba(0, 0, 0, 0.55);
}

/* FOCUS (KLIKNIĘCIE) – pełny WOW efekt */
.vsl-cta .elementor-field-textual:focus,
.vsl-cta textarea.elementor-field-textual:focus {
  background: linear-gradient(180deg, 
              rgba(255, 255, 255, 1) 0%,
              rgba(0, 224, 255, 0.25) 60%,
              rgba(127, 0, 255, 0.35) 100%);
  border-color: rgba(0, 224, 255, 0.95);

  box-shadow:
    0 0 18px rgba(0, 224, 255, 0.75),
    0 0 32px rgba(127, 0, 255, 0.55),
    0 14px 28px rgba(0, 0, 0, 0.6);

  transform: translateY(-3px);
  color: #000;
  outline: none;
}

/* TEXTAREA minimalna wysokość */
.vsl-cta textarea.elementor-field-textual {
  min-height: 140px;
}


/* ================================================= */
/*                PRZYCISK CTA                       */
/* ================================================= */

.vsl-cta .elementor-button {
  width: 100%;
  margin-top: 12px;

  padding: 16px 26px;
  border-radius: 999px;

  background: linear-gradient(90deg, #7f00ff, #00e0ff);
  background-size: 200% 200%;

  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;

  color: white;
  border: none;

  box-shadow:
    0 0 20px rgba(0, 224, 255, 0.5),
    0 0 35px rgba(127, 0, 255, 0.45);

  transition:
    background-position 0.4s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* HOVER BTN – WOW efekt */
.vsl-cta .elementor-button:hover {
  transform: translateY(-3px) scale(1.03);
  background-position: 100% 0%;
  box-shadow:
    0 0 30px rgba(0, 224, 255, 0.85),
    0 0 55px rgba(127, 0, 255, 0.85);
}
/* ========================================= */
/*   MEGA AI FORM – NOWE 3-POZIOMOWE STYLE   */
/* ========================================= */

.vsl-cta .elementor-field-textual,
.vsl-cta textarea.elementor-field-textual {
  background: linear-gradient(
    135deg,
    rgba(0, 224, 255, 0.18),
    rgba(127, 0, 255, 0.18)
  );
  border-radius: 14px;
  border: 1px solid rgba(0, 224, 255, 0.45);
  padding: 14px 18px;
  font-size: 16px;
  color: #fff;
  transition: 
    background 0.4s ease,
    transform 0.3s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease;
  box-shadow:
    inset 0 0 18px rgba(0, 224, 255, 0.25),
    inset 0 0 28px rgba(127, 0, 255, 0.18);
}

/* Placeholder – widoczny */
.vsl-cta .elementor-field-textual::placeholder,
.vsl-cta textarea.elementor-field-textual::placeholder {
  color: rgba(255, 255, 255, 0.6);
}


/* ========================================= */
/*                HOVER WOW                  */
/* ========================================= */

.vsl-cta .elementor-field-textual:hover:not(:focus),
.vsl-cta textarea.elementor-field-textual:hover:not(:focus) {
  background: linear-gradient(
    135deg,
    rgba(0, 224, 255, 0.45),
    rgba(127, 0, 255, 0.45)
  );
  background-size: 220% 220%;
  animation: aiHoverFlow 2.8s ease infinite;
  border-color: #00e0ff;
  transform: translateY(-3px);
  box-shadow:
    0 0 20px rgba(0, 224, 255, 0.55),
    0 0 32px rgba(127, 0, 255, 0.45),
    inset 0 0 12px rgba(255, 255, 255, 0.15);
}

@keyframes aiHoverFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/* ========================================= */
/*                SUPER FOCUS                */
/* ========================================= */
/* Efekt AI „charging” + neon pulse */
/* ========================================= */

.vsl-cta .elementor-field-textual:focus,
.vsl-cta textarea.elementor-field-textual:focus {
  background: radial-gradient(
      circle at top left,
      rgba(0, 224, 255, 0.8),
      rgba(127, 0, 255, 0.65),
      rgba(0, 0, 0, 0.65)
    );
  background-size: 180% 180%;
  animation: aiFocusCharge 1.6s ease-out forwards;

  border-color: #7f00ff;
  outline: none;

  transform: translateY(-2px) scale(1.02);

  box-shadow:
    0 0 30px rgba(0, 224, 255, 0.8),
    0 0 45px rgba(127, 0, 255, 0.6),
    0 0 60px rgba(0, 224, 255, 0.4),
    inset 0 0 25px rgba(255, 255, 255, 0.25);
}

@keyframes aiFocusCharge {
  0% {
    filter: brightness(0.8);
    background-position: 0% 0%;
  }
  50% {
    filter: brightness(1.35);
    background-position: 80% 20%;
  }
  100% {
    filter: brightness(1.15);
    background-position: 50% 50%;
  }
}
/* ========================================= */
/*   CHECKBOXY W FORMULARZU CTA – VSL STYLE  */
/* ========================================= */

/* Kontener opcji – trochę oddechu */
.vsl-cta .elementor-field-group .elementor-field-subgroup {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
}

/* pojedyncza opcja (checkbox + label) */
.vsl-cta .elementor-field-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #ffffff;
}

/* UKRYWAMY natywne „pudełko” i robimy swoje */
.vsl-cta .elementor-field-option input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 20px;
  height: 20px;
  border-radius: 6px;

  border: 1px solid rgba(0, 224, 255, 0.65);
  background: rgba(6, 10, 30, 0.9);

  box-shadow:
    0 0 6px rgba(0, 224, 255, 0.4),
    inset 0 0 4px rgba(0, 0, 0, 0.8);

  cursor: pointer;
  position: relative;
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.2s ease,
    border-color 0.25s ease;
}

/* STAN HOVER – lekki glow */
.vsl-cta .elementor-field-option input[type="checkbox"]:hover {
  box-shadow:
    0 0 10px rgba(0, 224, 255, 0.8),
    0 0 16px rgba(127, 0, 255, 0.5);
  transform: translateY(-1px);
}

/* STAN ZAZNACZONY – pełny neon + „ptaszek” */
.vsl-cta .elementor-field-option input[type="checkbox"]:checked {
  border-color: transparent;
  background: linear-gradient(135deg, #00e0ff, #7f00ff);

  box-shadow:
    0 0 12px rgba(0, 224, 255, 0.9),
    0 0 20px rgba(127, 0, 255, 0.7);
}

/* „ptaszek” w środku – pseudo-element */
.vsl-cta .elementor-field-option input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 3px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
}

/* tekst opcji */
.vsl-cta .elementor-field-option label {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
}/* End custom CSS */