.how-page.svelte-zobbyl.svelte-zobbyl{min-height:calc(100vh - 64px);background:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.container.svelte-zobbyl.svelte-zobbyl{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}h1.svelte-zobbyl.svelte-zobbyl{font-size:2.5rem;font-weight:800;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;text-align:center}.subtitle.svelte-zobbyl.svelte-zobbyl{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-2xl) 0}.steps.svelte-zobbyl.svelte-zobbyl{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.step.svelte-zobbyl.svelte-zobbyl{display:flex;gap:var(--spacing-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.step-number.svelte-zobbyl.svelte-zobbyl{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-xl);font-weight:700;flex-shrink:0}.step-content.svelte-zobbyl h2.svelte-zobbyl{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.step-content.svelte-zobbyl p.svelte-zobbyl{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin:0}.step-content.svelte-zobbyl a.svelte-zobbyl{color:var(--color-primary)}.info-section.svelte-zobbyl.svelte-zobbyl{margin-bottom:var(--spacing-2xl)}.info-section.svelte-zobbyl h2.svelte-zobbyl{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.info-grid.svelte-zobbyl.svelte-zobbyl{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.info-card.svelte-zobbyl.svelte-zobbyl{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-card.svelte-zobbyl h3.svelte-zobbyl{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.info-card.svelte-zobbyl p.svelte-zobbyl{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.cta-section.svelte-zobbyl.svelte-zobbyl{text-align:center;padding:var(--spacing-2xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cta-section.svelte-zobbyl h2.svelte-zobbyl{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.cta-buttons.svelte-zobbyl.svelte-zobbyl{display:flex;justify-content:center;gap:var(--spacing-md)}.btn.svelte-zobbyl.svelte-zobbyl{display:inline-flex;padding:12px 28px;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;text-decoration:none;transition:all .15s ease}.btn.primary.svelte-zobbyl.svelte-zobbyl{background:var(--color-primary);color:#fff}.btn.primary.svelte-zobbyl.svelte-zobbyl:hover{background:var(--color-primary-hover)}.btn.secondary.svelte-zobbyl.svelte-zobbyl{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn.secondary.svelte-zobbyl.svelte-zobbyl:hover{background:var(--color-bg-hover)}@media (max-width: 768px){h1.svelte-zobbyl.svelte-zobbyl{font-size:1.75rem}.step.svelte-zobbyl.svelte-zobbyl{flex-direction:column;align-items:flex-start}.info-grid.svelte-zobbyl.svelte-zobbyl{grid-template-columns:1fr}.cta-buttons.svelte-zobbyl.svelte-zobbyl{flex-direction:column;align-items:center}}