.how-it-works{position:relative;padding:5rem 2rem;overflow:hidden;background:#0f0f0f}.how-it-works-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.radial-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,79,110,.08) 0,transparent 60%)}.how-it-works-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.how-it-works-header{text-align:center;margin-bottom:3.5rem}.how-it-works-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(255,79,110,.15),rgba(255,79,110,.05));border:1px solid rgba(255,79,110,.3);border-radius:20px;font-size:.85rem;color:#ff4f6e;margin-bottom:1.25rem;font-weight:500}.how-it-works-title{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:#fff;text-align:center;margin:0;letter-spacing:-.02em}.steps-container{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:3rem}.step-wrapper{display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--delay,0s)}.step-wrapper.visible{opacity:1;transform:translateY(0)}.step-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:140px;height:140px;background:linear-gradient(145deg,#1a1a1a,#141414);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem 1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff4f6e,transparent);opacity:0;transition:opacity .3s ease}.step-card:hover:before,.step-wrapper.active .step-card:before{opacity:1}.step-card:hover,.step-wrapper.active .step-card{transform:translateY(-4px);border-color:rgba(255,79,110,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}.step-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,rgba(255,79,110,.2),rgba(255,79,110,.05));border-radius:12px;margin-bottom:.75rem;transition:all .3s ease}.step-icon{width:24px;height:24px;color:#ff4f6e;transition:transform .3s ease}.step-card:hover .step-icon,.step-wrapper.active .step-icon{transform:scale(1.1)}.step-label{font-size:.85rem;font-weight:600;color:#fff;text-align:center;line-height:1.3}.step-arrow-down{display:flex;align-items:center;justify-content:center;margin-top:1rem;color:#ff4f6e;opacity:0;transform:translateY(-10px);transition:opacity .3s ease .3s,transform .3s ease .3s}.step-wrapper.visible .step-arrow-down{opacity:.6;transform:translateY(0);animation:bounce 2s infinite}.step-arrow-down svg{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.step-connector{display:flex;align-items:center;justify-content:center;color:rgba(255,79,110,.4);padding:0 .25rem;margin-top:3.5rem;opacity:0;transition:opacity .3s ease}.step-connector.visible{opacity:1}.step-connector svg{width:20px;height:20px}.how-it-works-tagline{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;color:#888;text-align:center;margin:0;opacity:0;transform:translateY(20px);transition:opacity .6s ease .5s,transform .6s ease .5s}.how-it-works-tagline.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.steps-container{gap:1rem}.step-card{width:120px;height:120px;padding:1rem .75rem}.step-icon-container{width:40px;height:40px;margin-bottom:.5rem}.step-icon{width:20px;height:20px}.step-label{font-size:.75rem}.step-connector{margin-top:3rem}}@media (max-width:768px){.how-it-works{padding:4rem 1.5rem}.how-it-works-header{margin-bottom:2.5rem}.how-it-works-badge{font-size:.75rem;padding:.4rem .75rem}.how-it-works-title{font-size:1.5rem}.steps-container{flex-direction:column;align-items:center;gap:0}.step-card,.step-wrapper{flex-direction:row;gap:1rem}.step-card{width:100%;max-width:280px;height:auto;padding:1rem 1.5rem}.step-icon-container{margin-bottom:0;width:44px;height:44px;flex-shrink:0}.step-icon{width:22px;height:22px}.step-label{font-size:.9rem;text-align:left}.step-arrow-down{display:none}.step-connector{margin:0;padding:.5rem 0;transform:rotate(90deg)}.step-connector.visible{animation:pulse-down 1.5s infinite}@keyframes pulse-down{0%,to{opacity:.4}50%{opacity:1}}}@media (max-width:480px){.how-it-works{padding:3rem 1rem}.how-it-works-header{margin-bottom:2rem}.how-it-works-title{font-size:1.35rem}.step-card{padding:.875rem 1.25rem}.step-icon-container{width:40px;height:40px}.step-icon{width:20px;height:20px}.step-label{font-size:.85rem}.how-it-works-tagline{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.step-wrapper{opacity:1;transform:none;transition:none}.step-arrow-down{animation:none;opacity:.6;transform:none}.step-connector.visible{animation:none}.how-it-works-tagline{opacity:1;transform:none;transition:none}.step-card:hover{transform:none}}