.howitworks-section{position:relative;background:#000;padding:5rem 1rem;overflow:hidden}.howitworks-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.howitworks-header{text-align:center;margin-bottom:3.5rem;display:flex;flex-direction:column;align-items:center;gap:.875rem}.howitworks-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#64c8ff14;border:1px solid rgba(100,200,255,.2);border-radius:50px;color:#64c8ffe6;font-size:.8rem;font-weight:600;font-family:var(--noqte-font);letter-spacing:.05em;direction:rtl}.howitworks-badge-dot{width:6px;height:6px;border-radius:50%;background:#64c8ffe6;animation:howitworksBadgePulse 2s ease-in-out infinite}@keyframes howitworksBadgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}.howitworks-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#fffffff2;line-height:1.3;margin:0;font-family:var(--noqte-font);direction:rtl;text-align:center}.howitworks-title-accent{background:linear-gradient(135deg,#64c8fff2,#007effd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.howitworks-subtitle{font-size:.95rem;color:#ffffff80;max-width:450px;margin:0;line-height:1.6;font-family:var(--noqte-font);direction:rtl;text-align:center}.howitworks-steps{display:flex;flex-direction:column;gap:2rem;position:relative}.howitworks-step{display:flex;align-items:flex-start;gap:1.5rem;position:relative;direction:rtl}.howitworks-step-number{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#64c8ff26,#64c8ff0d);border:1px solid rgba(100,200,255,.25);position:relative;z-index:2}.howitworks-step-number span{font-size:1.5rem;font-weight:700;color:#64c8fff2;font-family:var(--noqte-font)}.howitworks-step-content{flex:1;padding-top:.25rem}.howitworks-step-title{font-size:1.1rem;font-weight:600;color:#fffffff2;margin:0 0 .5rem;font-family:var(--noqte-font);line-height:1.4}.howitworks-step-description{font-size:.9rem;color:#ffffff80;margin:0;line-height:1.7;font-family:var(--noqte-font)}.howitworks-step-connector{position:absolute;right:27px;top:56px;width:2px;height:calc(100% + 2rem - 56px);background:linear-gradient(180deg,#64c8ff4d,#64c8ff0d);z-index:1}@media (min-width: 768px){.howitworks-section{padding:6rem 2rem}.howitworks-steps{gap:2.5rem}.howitworks-step{gap:2rem}.howitworks-step-number{width:64px;height:64px}.howitworks-step-number span{font-size:1.75rem}.howitworks-step-connector{right:31px;top:64px;height:calc(100% + 2.5rem - 64px)}.howitworks-step-title{font-size:1.2rem}.howitworks-step-description{font-size:.95rem}}@media (min-width: 1024px){.howitworks-section{padding:7rem 2rem}.howitworks-container{display:flex;align-items:center;gap:4rem}.howitworks-header{flex:0 0 auto;text-align:right;align-items:flex-start;margin-bottom:0;max-width:320px}.howitworks-subtitle{text-align:right}.howitworks-steps{flex:1}}@media (prefers-reduced-motion: reduce){.howitworks-badge-dot{animation:none}}