.how-it-works-section{background:#fff;padding:4rem 2rem}.how-it-works-container{max-width:1000px;margin:0 auto}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;margin-top:3rem;position:relative}.step-card{text-align:center;position:relative}.step-icon{width:80px;height:80px;background:linear-gradient(135deg,#e76f51 0%,#f4a261 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;transition:all .3s ease}.step-card:hover .step-icon{transform:translateY(-5px);box-shadow:0 10px 25px rgba(231,111,81,.3)}.step-icon i{color:#fff;font-size:1.75rem}.step-number{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#264653;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-title{font-size:1rem;font-weight:600;color:#334155;margin-bottom:.5rem}.step-description{font-size:.875rem;color:#64748b;line-height:1.5}.step-connector{position:absolute;top:40px;left:50%;width:calc(100% - 80px);height:2px;background:linear-gradient(to right,#e76f51 0%,#f4a261 100%);opacity:.3}@media (max-width:768px){.steps-container{grid-template-columns:1fr}.step-connector{display:none}}