.how-it-works-page{min-height:100vh;background:linear-gradient(180deg,#f5f3ff,#fff 50%,#f5f3ff);padding:40px 0}.how-it-works-container{max-width:1106px;margin:0 auto;padding:0 24px}.how-it-works-header{text-align:center;margin-bottom:24px}.how-it-works-title{font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif;font-size:60px;font-weight:400;line-height:60px;color:#101828;margin-bottom:24px}.how-it-works-title-highlight{color:#7f22fe}.how-it-works-subtitle{font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#4a5565;max-width:768px;margin:0 auto}.how-it-works-steps{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.how-it-works-step{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:center;position:relative}.how-it-works-step.step-reverse{direction:rtl}.how-it-works-step.step-reverse>*{direction:ltr}.how-it-works-step:nth-child(2){margin-top:64px}.step-image-container{position:relative;display:flex;align-items:center;justify-content:center}.step-image-glow{position:absolute;width:100%;height:100%;border-radius:24px;opacity:.2;background:linear-gradient(90deg,#a684ff,#c27aff);filter:blur(40px)}.step-image-glow-small{width:120%;height:120%}.step-image-wrapper{position:relative;border-radius:24px;overflow:hidden}.step-image-wrapper-small{background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.step-image{width:100%;height:auto;display:block;border-radius:24px}.step-image-small .step-image-wrapper{max-width:454px}.step-image-medium .step-image-wrapper{max-width:503px}.step-content-card{position:relative;padding:32px;border-radius:16px;background:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.step-badge{position:absolute;top:-24px;left:32px;width:56px;height:56px}.step-badge-glow{opacity:.5;filter:blur(12px)}.step-badge-circle,.step-badge-glow{position:absolute;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8e51ff,#9810fa)}.step-badge-circle{display:flex;justify-content:center;align-items:center;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.step-badge-number{font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:24px;color:#fff}.step-content{display:flex;flex-direction:column;gap:24px}.step-heading{color:#101828}.step-description,.step-heading{font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:24px}.step-description{color:#4a5565}.step-list{display:flex;flex-direction:column;gap:16px;list-style:none;padding:0;margin:0}.step-list-item{display:flex;align-items:flex-start;gap:12px}.step-icon{flex-shrink:0;width:20px;height:20px;margin-top:3px}.step-list-text{font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#364153}.how-it-works-cta{border-radius:24px;background:linear-gradient(90deg,#8e51ff,#9810fa);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:48px;text-align:center}.cta-heading{font-size:24px;font-weight:600;line-height:32px;color:#fff;margin-bottom:16px}.cta-description,.cta-heading{font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif}.cta-description{font-size:16px;font-weight:400;line-height:24px;color:#ede9fe;margin-bottom:32px}.how-it-works-cta .cta-button{display:inline-flex;padding:14px 32px;justify-content:center;align-items:center;border-radius:14px;font-family:Arimo,-apple-system,Roboto,Helvetica,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:24px!important;color:#7f22fe!important;text-decoration:none!important;transition:all .3s ease!important;border:none!important;width:auto!important;min-width:-moz-fit-content!important;min-width:fit-content!important;white-space:nowrap!important}.how-it-works-cta .cta-button,.how-it-works-cta .cta-button:hover{background:#fff!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important}.how-it-works-cta .cta-button:hover{transform:translateY(-3px)!important}@media (max-width:1024px){.how-it-works-title{font-size:48px;line-height:48px}.how-it-works-step{gap:32px}.how-it-works-step:nth-child(2){margin-top:32px}}@media (max-width:768px){.how-it-works-page{padding:40px 0}.how-it-works-header{margin-bottom:48px}.how-it-works-title{font-size:36px;line-height:40px}.how-it-works-steps{gap:32px;margin-bottom:48px}.how-it-works-step{grid-template-columns:1fr;gap:24px}.how-it-works-step:nth-child(2){margin-top:32px}.how-it-works-step.step-reverse{direction:ltr}.step-image-container{order:-1}.how-it-works-cta{padding:32px 24px}}@media (max-width:480px){.how-it-works-title{font-size:28px;line-height:32px}.how-it-works-subtitle{font-size:14px}.step-content-card{padding:48px 24px 24px}.cta-button,.cta-description,.cta-heading,.step-description,.step-heading,.step-list-text{font-size:14px}}