.elementor-50 .elementor-element.elementor-element-5bc04eb:hover{--e-transform-translateY:-2px;border-style:solid;border-color:#14D9C400;}.elementor-50 .elementor-element.elementor-element-5bc04eb{background-color:var( --e-global-color-secondary );padding:7px 10px 7px 10px;z-index:1;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b218990 );border-radius:30px 30px 30px 30px;--e-icon-list-icon-size:7px;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-icon{padding-inline-end:2px;}.elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-item > a{font-family:"JetBrains Mono", Sans-serif;font-size:13px;font-weight:600;}.elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-text{color:#D3D3D3;transition:color 0.3s;}body.elementor-page-50:not(.elementor-motion-effects-element-type-background), body.elementor-page-50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for icon-list, class: .elementor-element-5bc04eb */.elementor-50 .elementor-element.elementor-element-5bc04eb .elementor-icon-list-icon svg {
    background: var(--accent-gradient);
    fill: #ffffff00 !important;
    border-radius: 99px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3967e92 */.steps{
    display:flex;
    flex-direction:row;
    gap:24px;
    width:100%;
}
.step{
    display:flex;
    flex-direction:column;
    flex:1 1 0;
    min-width:0;
}
.marker{
    display:flex;
    flex-direction:row;
    align-items:center;
    width:100%;
}
.circle{
    position: relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:48px;
    height:48px;
    border-radius:999px;
    font:600 14px/1 "JetBrains Mono",monospace;letter-spacing:.05em;color:var(--Text);
    overflow: hidden;
}
.circle::before{
    content: "";
    position: absolute;
    background: var(--accent-gradient);
    inset: 0;
    z-index: -1;
    opacity: 0.3;
}
.connector{
    flex-grow:1;
    height:2px;
    margin:0 -16px 0 8px;
    background:var(--accent-gradient);
}

.m-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 30px;
    background: linear-gradient(#0B1016, #0B1016) padding-box, var(--Border) border-box;
    overflow: visible;
    position: relative;
    padding: 24px;
    border-radius: 14px;
    border-width: 2px;
    border-style: solid;
    transition: all 400ms;
    height: 100%;
}
.m-card:hover{
    border-color: transparent;
    background: linear-gradient(#0B1016, #0B1016) padding-box, var(--accent-gradient) border-box;
    background-size: 600%;
    animation: animated-bg 5s linear infinite alternate;
}
.m-card::before{
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: var(--accent-gradient);
    background-size: 400%;
    animation: animated-bg 10s linear infinite alternate;
    filter: blur(30px);
    opacity: 0;
    z-index: -1;
    transition: opacity .35s ease;
}
.m-card:hover::before {
    opacity: .45;
}
.m-card h3{
    font:600 22px/1.25 "Space Grotesk",sans-serif;
    letter-spacing:-.01em;
    margin: 0;
}
.m-card p{
    margin:0;
    font-size:16px;
    line-height:1.65;
    color:var(--Secondary-text);
}

/* TABLET + MOBILE (<=1024px): vertical timeline */
@media (max-width:1024px){
  .steps{
      flex-direction:column;
      gap:0;
      max-width:760px
  }
  .step{
      flex-direction:row;
      align-items:stretch;
      flex:none;width:100%;
  }
  .marker{
      flex-direction:column;
      width:48px;
      flex-shrink:0;
  }
  .connector{
      width:2px;
      height:auto;
      min-height:32px;
      margin:0;
  }
  .m-card{
      margin:0 0 32px 24px;
  }
  .step:last-child .m-card{
      margin-bottom:0;
  }
  .m-card h3{
      font-size:24px;
  }
}

/* MOBILE (<=767px) */
@media (max-width:767px){
  .marker{
      width:40px;
  }
  .circle{
      width:40px;
      height:40px;
  }
  .m-card{
      margin:0 0 24px 16px;
      padding:20px;
  }
  .step:last-child .m-card{
      margin-bottom:0;
  }
  .m-card h3{
      font-size:20px;
  }
  .m-card p{
      font-size:15px;
  }
}/* End custom CSS */
/* Start custom CSS */body {
    position: relative;
    overflow-x: hidden;
}
body::before{
    content:"";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    background:
        radial-gradient(circle at 15% 20%,
            rgba(94,234,212,.1),
            transparent 35%),

        radial-gradient(circle at 85% 10%,
            rgba(255,209,102,.05),
            transparent 40%),

        radial-gradient(circle at 70% 45%,
            rgba(255,107,107,.08),
            transparent 35%);

    pointer-events:none;
}

.form-field:hover, .form-field:focus, .form-field:active, .form-field:checked{
    background: linear-gradient(#0B1016, #0B1016) padding-box, var(--accent-gradient) border-box;
    background-size: 600%;
    animation: animated-bg 5s linear infinite alternate;
}
.form-label strong{
    background: var(--accent-gradient);
    color: transparent;
    background-clip: text;
    background-size: 300%;
    animation: animated-bg 3s linear infinite alternate;
}/* End custom CSS */