.how-it-works-page.svelte-f52t57{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.content-container.svelte-f52t57{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:3rem}.page-title.svelte-f52t57{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:var(--color-text-primary);margin:0 0 1rem;text-align:center}.page-subtitle.svelte-f52t57{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);text-align:center;margin:0 0 3rem}.steps-section.svelte-f52t57{margin-bottom:3rem}.step-card.svelte-f52t57{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;transition:all .3s ease}.step-card.svelte-f52t57:hover{border-color:var(--color-accent-blue)}.step-header.svelte-f52t57{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.step-number.svelte-f52t57{width:4rem;height:4rem;background:var(--color-accent, #3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0}.step-title.svelte-f52t57{font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin:0}.step-content.svelte-f52t57{padding-left:5.5rem}.step-description.svelte-f52t57{font-size:1.0625rem;line-height:1.7;color:var(--color-text-secondary);margin:0 0 1.5rem}.step-details.svelte-f52t57{margin-bottom:1.5rem}.step-details.svelte-f52t57 h3:where(.svelte-f52t57){font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.step-details.svelte-f52t57 ul:where(.svelte-f52t57){list-style:none;padding:0;margin:0 0 1.25rem}.step-details.svelte-f52t57 ul:where(.svelte-f52t57) li:where(.svelte-f52t57){padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:1rem;line-height:1.6;color:var(--color-text-secondary)}.step-details.svelte-f52t57 ul:where(.svelte-f52t57) li:where(.svelte-f52t57):before{content:"→";position:absolute;left:0;color:var(--color-accent, #3b82f6);font-weight:700}.tip-box.svelte-f52t57{background:var(--color-bg-secondary);border-left:4px solid var(--color-accent, #3b82f6);padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.tips-section.svelte-f52t57{padding:2rem 0;margin-bottom:2rem}.section-title.svelte-f52t57{font-size:1.875rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2rem;text-align:center}.tips-grid.svelte-f52t57{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tip-card.svelte-f52t57{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:1.5rem;transition:all .2s ease}.tip-card.svelte-f52t57:hover{border-color:var(--color-accent-blue)}.tip-card.svelte-f52t57 h3:where(.svelte-f52t57){font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.tip-card.svelte-f52t57 p:where(.svelte-f52t57){font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.cta-section.svelte-f52t57{text-align:center;padding:3rem 0 1rem;margin-top:3rem;border-top:2px solid var(--color-border-primary)}.cta-section.svelte-f52t57 h2:where(.svelte-f52t57){font-size:1.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.cta-section.svelte-f52t57 p:where(.svelte-f52t57){font-size:1.125rem;color:var(--color-text-secondary);margin:0 0 2rem}.cta-button.svelte-f52t57{display:inline-block;padding:.875rem 2rem;background-color:var(--color-accent, #3b82f6);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:1.0625rem;transition:all .2s ease}.cta-button.svelte-f52t57:hover{background-color:#2563eb}@media(max-width:768px){.how-it-works-page.svelte-f52t57{padding:1rem}.content-container.svelte-f52t57{padding:2rem 1.5rem}.page-title.svelte-f52t57{margin-bottom:.75rem}.page-subtitle.svelte-f52t57{font-size:1.125rem;margin-bottom:2rem}.step-card.svelte-f52t57{padding:1.5rem;margin-bottom:1.5rem}.step-header.svelte-f52t57{flex-direction:column;align-items:flex-start;gap:1rem}.step-number.svelte-f52t57{width:3rem;height:3rem;font-size:1.5rem}.step-title.svelte-f52t57{font-size:1.5rem}.step-content.svelte-f52t57{padding-left:0}.tips-grid.svelte-f52t57{grid-template-columns:1fr;gap:1rem}.cta-section.svelte-f52t57{padding:2rem 0 .5rem;margin-top:2rem}}