.how-it-works{padding:var(--spacing-3xl) 0;background:var(--bg-soft);position:relative}.how-it-works .section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.how-it-works .section-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--spacing-sm);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works .section-header p{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.step-card{background:var(--glass-white);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);transform:scaleX(0);transition:transform .3s ease}.step-card:hover:before{transform:scaleX(1)}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #ec489926}[data-theme=dark] .step-card{background:#ffffff0d;box-shadow:0 10px 40px #0000004d}[data-theme=dark] .step-card:hover{box-shadow:0 20px 60px #667eea4d}.step-icon-wrapper{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #ec48994d}.step-icon-wrapper:before{content:"";position:absolute;inset:-4px;background:var(--accent-gradient);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}.step-card:hover .step-icon-wrapper:before{opacity:1}.step-number{color:#fff;font-size:1.5rem;font-weight:800;font-family:var(--font-display)}.step-card h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-family:var(--font-display)}.step-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.step-card:nth-child(1){animation-delay:0s}.step-card:nth-child(2){animation-delay:.1s}.step-card:nth-child(3){animation-delay:.2s}.step-card:nth-child(4){animation-delay:.3s}@media(max-width:768px){.how-it-works{padding:var(--spacing-2xl) 0}.steps-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.step-card{padding:var(--spacing-lg)}.step-icon-wrapper{width:60px;height:60px;margin-bottom:var(--spacing-md)}.step-number{font-size:1.25rem}.step-card h3{font-size:1.125rem}.step-card p{font-size:.9375rem}}@media(max-width:480px){.how-it-works .section-header{margin-bottom:var(--spacing-2xl)}.step-card{padding:var(--spacing-md)}}