.learn-page.svelte-s5fw86{padding:var(--spacing-md);max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg);opacity:0;transition:opacity var(--transition-normal);background-color:var(--background-color);min-height:100vh}.fade-in.svelte-s5fw86{opacity:1}.hero.svelte-s5fw86{text-align:center;padding:var(--spacing-xl) 0;background-color:var(--background-color);margin-bottom:0}h1.svelte-s5fw86{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.lead.svelte-s5fw86{font-size:var(--font-size-lg);color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto;line-height:1.6}.topics.svelte-s5fw86{background-color:var(--background-color)}.topic-grid.svelte-s5fw86{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.topic-card.svelte-s5fw86{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-lg);background-color:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);border:1px solid var(--border-color);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.topic-card.svelte-s5fw86:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.topic-card.svelte-s5fw86 .icon:where(.svelte-s5fw86){font-size:var(--font-size-3xl);color:var(--primary-color)}.topic-card.svelte-s5fw86 .content:where(.svelte-s5fw86){flex:1}.topic-card.svelte-s5fw86 h2:where(.svelte-s5fw86){font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--primary-color)}.topic-card.svelte-s5fw86 p:where(.svelte-s5fw86){color:var(--text-primary);font-size:var(--font-size-base);margin:0;line-height:1.5}.topic-card.svelte-s5fw86 .arrow:where(.svelte-s5fw86){font-size:var(--font-size-xl);color:var(--text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.topic-card.svelte-s5fw86:hover .arrow:where(.svelte-s5fw86){transform:translate(4px);color:var(--primary-color)}.featured.svelte-s5fw86{background-color:var(--background-color)}.featured-card.svelte-s5fw86{background-color:var(--surface-color);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.featured-card.svelte-s5fw86 h2:where(.svelte-s5fw86){font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md)}.featured-card.svelte-s5fw86 p:where(.svelte-s5fw86){color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}@media (min-width: 640px){.learn-page.svelte-s5fw86{padding:var(--spacing-xl)}h1.svelte-s5fw86{font-size:var(--font-size-4xl)}.topic-grid.svelte-s5fw86{grid-template-columns:repeat(2,1fr)}.featured-card.svelte-s5fw86 h2:where(.svelte-s5fw86){font-size:var(--font-size-2xl)}}@media (min-width: 1024px){.learn-page.svelte-s5fw86{padding:var(--spacing-lg);gap:var(--spacing-xl)}.topic-grid.svelte-s5fw86{grid-template-columns:repeat(3,1fr)}}