.how-it-works{padding:120px 80px;position:relative}@media(max-width:1200px){.how-it-works{padding:80px 40px}}@media(max-width:768px){.how-it-works{padding:60px 20px}}.how-it-works__container{max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:80px}@media(max-width:900px){.how-it-works__container{flex-direction:column;gap:40px}}.how-it-works__header{width:45%;margin-bottom:48px;max-width:480px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}@media(max-width:900px){.how-it-works__header{width:100%;margin-bottom:32px}}.how-it-works__header--visible{opacity:1;transform:translateY(0)}.how-it-works__title{font-weight:600;font-size:40px;color:#eaf3ff;line-height:1.1;max-width:700px;margin:0}@media(max-width:900px){.how-it-works__title{font-size:32px}}@media(max-width:768px){.how-it-works__title{font-size:24px;max-width:100%}}.how-it-works__timeline{width:50%;position:relative;display:flex;flex-direction:column;gap:32px;padding-left:60px;margin-top:40px}@media(max-width:900px){.how-it-works__timeline{width:100%;margin-top:0}}.how-it-works__line{position:absolute;left:14.5px;top:16px;bottom:40px;width:3px;background:#171e2b;overflow:hidden;--line-duration:4s;--line-reverse-duration:0.5s}@media(max-width:900px){.how-it-works__line{left:10.5px;bottom:60px}}.how-it-works__line:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(91deg,#6AB7FF -4.18%,#339DFF 100.94%);transition:height var(--line-duration) linear}.how-it-works--visible .how-it-works__line:after{height:100%;transition-duration:var(--line-duration)}.how-it-works:not(.how-it-works--visible) .how-it-works__line:after{transition-duration:var(--line-reverse-duration)}.timeline-step{display:flex;align-items:flex-start;gap:24px;animation:slideInLeft .6s ease-out both;position:relative;height:70px}@media(max-width:900px){.timeline-step{flex-direction:column;gap:12px}}.timeline-step__number{position:absolute;left:-60px;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#171e2b;border-radius:16px;font-weight:700;font-size:16px;color:#fff;z-index:2;overflow:hidden}@media(max-width:900px){.timeline-step__number{left:-60px;width:24px;height:24px;font-size:14px}}.timeline-step__number:after{content:"";position:absolute;inset:0;background:rgba(163,211,255,.1);border-radius:16px;z-index:-2}.timeline-step__number:before{content:"";position:absolute;inset:0;background:linear-gradient(91deg,#6AB7FF -4.18%,#339DFF 100.94%);transform:translateY(-100%);border-radius:16px;z-index:-1}.timeline-step--fill-active{--fill-delay:0s;--fill-duration:0.8s;--glow-delay:0s;--reverse-duration:0.3s}.timeline-step--fill-active .timeline-step__number:before{animation:fillStep var(--fill-duration) linear var(--fill-delay) forwards}.timeline-step--fill-active .timeline-step__number{animation:glowStep .3s linear var(--glow-delay) forwards}.how-it-works:not(.how-it-works--visible) .timeline-step .timeline-step__number:before{animation:fillStepReverse .3s linear forwards}.how-it-works:not(.how-it-works--visible) .timeline-step .timeline-step__number{animation:glowStepReverse .3s linear forwards}.timeline-step__content{flex:1 1;opacity:.3}.how-it-works--visible .timeline-step .timeline-step__content{animation:fadeInContent var(--fill-duration) linear var(--fill-delay) forwards}.how-it-works:not(.how-it-works--visible) .timeline-step .timeline-step__content{animation:fadeOutContent .3s linear forwards}.timeline-step__badge{margin-bottom:4px;transition:all .3s ease;font-weight:600;font-size:24px;color:#fff;white-space:nowrap;line-height:1.1}.timeline-step__badge:hover{transform:translateX(4px)}@media(max-width:900px){.timeline-step__badge{font-size:18px;white-space:normal}}.timeline-step__description{font-weight:500;font-size:18px;color:#c2d2e8;line-height:1.1;margin:0;max-width:600px}@media(max-width:900px){.timeline-step__description{font-size:16px}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fillStep{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes glowStep{0%{box-shadow:none}to{box-shadow:0 4px 12px rgba(64,147,255,.4)}}@keyframes fadeInContent{0%{opacity:.3}to{opacity:1}}@keyframes fillStepReverse{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes glowStepReverse{0%{box-shadow:0 4px 12px rgba(64,147,255,.4)}to{box-shadow:none}}@keyframes fadeOutContent{0%{opacity:1}to{opacity:.3}}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}