.how-it-works{background:#fff;overflow:hidden;padding:96px 24px;position:relative}.how-container{margin:0 auto;max-width:1280px;position:relative;z-index:1}.how-header{margin-bottom:64px;text-align:center}.how-header h2{color:#111827;font-size:48px}.how-steps{display:grid;gap:48px}@media (min-width:768px){.how-steps{grid-template-columns:repeat(3,1fr)}}.how-step{background:#f9fafb;border-radius:24px;padding:32px;position:relative;text-align:center;transition:all .3s ease}.how-step:hover{background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 40px rgba(0,191,255,.1);transform:scale(1.05)}.step-number{display:block;font-size:72px;font-weight:700;margin-bottom:16px;opacity:.1;transition:opacity .3s ease}.how-step:hover .step-number{opacity:.2}.step-number.blue{color:#00bfff}.step-number.green{color:#0ce73d}.step-icon{align-items:center;background:linear-gradient(135deg,rgba(0,191,255,.1),rgba(12,231,61,.1));border-radius:50%;display:flex;font-size:48px;height:96px;justify-content:center;margin:0 auto 24px;width:96px}.how-step h3{color:#111827;font-size:24px;margin-bottom:16px}.how-step p{color:#4b5563;font-size:16px;line-height:1.7}.how-bg{pointer-events:none}.how-bg,.how-orb{inset:0;position:absolute}.how-orb{background:linear-gradient(90deg,rgba(0,191,255,.05),rgba(12,231,61,.05));border-radius:50%;filter:blur(120px);height:800px;margin:auto;width:800px}.how-line{height:100%;inset:0;opacity:.1;position:absolute;width:100%}