.how-it-works-step{align-items:flex-start;background-color:var(--bg-panel);border:1px solid var(--accent-primary);border-radius:.75rem;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:all .3s ease}.how-it-works-step:hover{transform:translateX(.5rem)}.how-it-works-step .step-number{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#e4e4e7);border-radius:50%;color:var(--accent-primary-text);display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;position:relative;width:3rem;z-index:1}.how-it-works-step .step-number span{display:block}.how-it-works-step .step-content{flex:1}.how-it-works-step .step-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs)}.how-it-works-step .step-content p{color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width:640px){.how-it-works-step{flex-direction:column;text-align:center}.how-it-works-step .step-number{margin:0 auto}}