.how-it-works{padding:100px 0;background:linear-gradient(180deg,#ffffff 0,#f9f5ff);position:relative;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:15px;background:linear-gradient(90deg,#A053CF,#EF59A5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.2rem;color:#4a5568;max-width:600px;margin:0 auto;line-height:1.6}.steps-container{justify-content:space-between;gap:30px}.step-card,.steps-container{display:flex;position:relative}.step-card{flex:1;background:white;border-radius:12px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.05);z-index:1;flex-direction:column}.step-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.step-icon-container{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;flex-shrink:0}.step-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.step-title{font-size:1.3rem;font-weight:600;color:#1a202c;margin:0}.step-description{color:#4a5568;line-height:1.6;margin-bottom:30px;flex-grow:1}.step-illustration{text-align:center;margin-top:auto;padding:20px 0}.step-illustration img{max-width:100%;height:140px;transition:transform .3s ease}.step-connector{position:absolute;top:50%;right:-30px;width:30px;height:2px;background:#E2E8F0;z-index:-1;transform-origin:left center}.step-connector:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#A053CF}.benefits-banner{display:flex;justify-content:center;gap:30px;margin-top:60px;background:white;border-radius:12px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.benefit-item{display:flex;align-items:center;gap:15px;max-width:400px}.benefit-icon{font-size:2rem;color:#A053CF;flex-shrink:0}.benefit-item h4{font-size:1.1rem;color:#1a202c;margin-bottom:5px}.benefit-item p{color:#718096;font-size:.95rem;margin:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:992px){.steps-container{flex-direction:column;gap:50px}.step-connector{display:none}.benefits-banner{align-items:center}.benefit-item,.benefits-banner{flex-direction:column;text-align:center}}@media (max-width:768px){.how-it-works{padding:70px 0}.section-title{font-size:2rem}.step-card{padding:25px}}@media (max-width:576px){.section-title{font-size:1.8rem}.section-subtitle{font-size:1rem}.step-title{font-size:1.1rem}.step-description{font-size:.95rem}}