.learn-page.svelte-8s3559{max-width:var(--container-lg);margin:0 auto}.page-header.svelte-8s3559{text-align:center;margin-bottom:var(--space-12)}.page-title.svelte-8s3559{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.page-description.svelte-8s3559{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-8) auto;line-height:var(--leading-relaxed)}.stats-grid.svelte-8s3559{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:500px;margin:0 auto}@media(min-width:640px){.stats-grid.svelte-8s3559{grid-template-columns:repeat(4,1fr);max-width:600px}}.stat-card.svelte-8s3559{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.stat-value.svelte-8s3559{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.stat-label.svelte-8s3559{font-size:var(--text-sm);color:var(--color-text-secondary)}.section-title.svelte-8s3559{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-6) 0}.phases-section.svelte-8s3559{margin-bottom:var(--space-12)}.phases-grid.svelte-8s3559{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.phases-grid.svelte-8s3559{grid-template-columns:repeat(2,1fr)}}.phase-card.svelte-8s3559{display:flex;flex-direction:column;background-color:var(--color-bg-primary);border:var(--border-width) solid var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--duration-200) var(--ease-out)}.phase-card.svelte-8s3559:hover{border-color:var(--phase-color, var(--color-border-primary));box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none}.phase-1.svelte-8s3559{--phase-color: var(--color-phase-1)}.phase-2.svelte-8s3559{--phase-color: var(--color-phase-2)}.phase-3.svelte-8s3559{--phase-color: var(--color-phase-3)}.phase-4.svelte-8s3559{--phase-color: var(--color-phase-4)}.phase-header.svelte-8s3559{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);color:#fff}.phase-number.svelte-8s3559{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;opacity:.9}.phase-icon.svelte-8s3559{font-size:var(--text-2xl)}.phase-body.svelte-8s3559{flex:1;padding:var(--space-4)}.phase-title.svelte-8s3559{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.phase-description.svelte-8s3559{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-4) 0}.phase-meta.svelte-8s3559{display:flex;flex-wrap:wrap;gap:var(--space-4)}.meta-item.svelte-8s3559{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary)}.phase-progress.svelte-8s3559{margin-top:var(--space-4)}.phase-footer.svelte-8s3559{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);border-top:var(--border-width) solid var(--color-border-secondary)}.deliverable.svelte-8s3559{display:flex;flex-direction:column;gap:2px}.deliverable-label.svelte-8s3559{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.deliverable-title.svelte-8s3559{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.arrow-icon.svelte-8s3559{color:var(--color-text-tertiary);transition:transform var(--duration-150) var(--ease-out)}.phase-card.svelte-8s3559:hover .arrow-icon:where(.svelte-8s3559){transform:translate(4px);color:var(--phase-color)}.capstone-section.svelte-8s3559{margin-bottom:var(--space-12)}.capstone-card.svelte-8s3559{display:block;background:linear-gradient(135deg,var(--color-capstone-light) 0%,var(--color-bg-primary) 100%);border:var(--border-width-2) solid var(--color-capstone);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;color:inherit;text-align:center;transition:all var(--duration-200) var(--ease-out)}.capstone-card.svelte-8s3559:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);text-decoration:none}.capstone-badge.svelte-8s3559{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-capstone);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.badge-icon.svelte-8s3559{display:flex;align-items:center;justify-content:center}.capstone-title.svelte-8s3559{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.capstone-description.svelte-8s3559{font-size:var(--text-base);color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-4) auto;line-height:var(--leading-relaxed)}.capstone-meta.svelte-8s3559{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.capstone-cta.svelte-8s3559{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-capstone-dark)}.capstone-card.svelte-8s3559:hover .capstone-cta:where(.svelte-8s3559){gap:var(--space-3)}