@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--background: #fdfff2;--foreground: #171b24;--card: #ffffff;--card-foreground: #171b24;--primary: #f3b647;--primary-foreground: #171b24;--secondary: #f5f7ec;--secondary-foreground: #171b24;--muted: #f2f4ea;--muted-foreground: #5f6470;--accent: #eef5d6;--accent-foreground: #171b24;--destructive: #e40014;--color-error: var(--destructive);--color-error-bg: color-mix( in oklab, var(--color-error) 20%, var(--muted) 56% );--color-error-border: color-mix( in oklab, var(--color-error) 64%, var(--border) 36% );--color-error-shadow: rgba(0, 0, 0, .08);--color-success: #1a7f37;--color-success-bg: color-mix(in oklab, var(--color-success) 10%, transparent);--color-success-border: color-mix(in oklab, var(--color-success) 40%, transparent);--color-info: #0369a1;--color-info-bg: color-mix(in oklab, var(--color-info) 10%, transparent);--color-info-border: color-mix(in oklab, var(--color-info) 35%, transparent);--border: #e5e8d9;--ring: #f3b647;--chart-3: #104e64;--chart-4: #fcbb00;--radius: 10px;--radius-soft: 8px;--radius-dialog: 14px;--radius-pill: 999px;--layout-max-width: 1120px;--layout-header-padding: 1rem 1.5rem;--z-header: 50;--z-modal: 10000;--shadow-card: 0 1px 2px color-mix(in oklab, var(--foreground) 8%, transparent);--shadow-modal: 0 30px 70px rgba(0, 0, 0, .25);--line-1: 1px;--line-2: 2px;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-feedback: calc(var(--duration-slow) * 2);--ease-default: ease;--ease-in: ease-in;--ease-out: ease-out;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-chip-y: .4rem;--space-chip-x: .75rem;--space-tag-y: .2rem;--space-tag-x: .5rem;--space-page-offset: 4rem;--space-hero-y-mobile: 2.4rem;--space-hero-x-mobile: 1.5rem;--space-hero-y-tablet: 2.6rem;--space-hero-x-tablet: 2.2rem;--container-dialog: 420px;--container-narrow: 920px;--measure-sm: 360px;--measure-card: 520px;--measure-md: 36rem;--measure-lg: 42rem;--measure-xl: 64rem;--effect-blob-blur: 72px;--size-icon-sm: 20px;--size-icon-md: 24px;--size-icon-lg: 36px;--size-icon-chip-sm: 16px;--size-icon-chip-md: 18px;--size-control-sm: 44px;--size-control-md: 48px;--size-avatar-lg: 60px;--size-logo-wrap: 72px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-hero-title: var(--text-3xl);--text-input-mobile: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--line-height-compact: 1;--line-height-tight: 1.2;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}[data-theme=dark]{--background: #111210;--foreground: #fafafa;--card: #161715;--card-foreground: #fafafa;--primary: #f3b647;--primary-foreground: #171717;--secondary: #262626;--secondary-foreground: #fafafa;--muted: #262626;--muted-foreground: #a1a1a1;--accent: #2a2c28;--accent-foreground: #fafafa;--destructive: #82181a;--color-error: var(--destructive);--color-error-bg: color-mix( in oklab, var(--color-error) 88%, var(--card-foreground) 50% );--color-error-border: color-mix( in oklab, var(--color-error) 92%, var(--border) 8% );--color-error-shadow: rgba(0, 0, 0, .6);--color-success: #3fb950;--color-success-bg: color-mix(in oklab, var(--color-success) 12%, transparent);--color-success-border: color-mix(in oklab, var(--color-success) 35%, transparent);--color-info: #38bdf8;--color-info-bg: color-mix(in oklab, var(--color-info) 12%, transparent);--color-info-border: color-mix(in oklab, var(--color-info) 30%, transparent);--nav-button-font-size: var(--text-base);--border: #2f312d;--ring: #6b6f66;--chart-3: #f99c00;--chart-4: #ac4bff}*{box-sizing:border-box;border-color:var(--border)}html,body{margin:0;padding:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-family);background-color:var(--background);color:var(--foreground);line-height:var(--line-height-normal);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);min-height:100vh;box-sizing:border-box}.ui-surface{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card)}.m-0{margin:0}.text-sm{font-size:var(--text-sm)}.pad-chip{padding:var(--space-2) var(--space-3)}.button{border:var(--line-1) solid transparent;border-radius:.625rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;font-weight:var(--font-weight-medium);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default);cursor:pointer;padding:.5rem 1rem;position:relative;font-family:var(--font-family);line-height:1}.button:disabled{opacity:.5;pointer-events:none}.button-default{background-color:var(--primary);color:var(--primary-foreground)}.button-default:hover:not(:disabled){opacity:.92}.button-destructive{background-color:var(--destructive);color:#fff}.button-destructive:hover:not(:disabled){opacity:.92}.button-outline{border-color:var(--border);background-color:var(--background);color:var(--foreground)}.button-outline:hover:not(:disabled){background-color:var(--accent)}.button-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.button-secondary:hover:not(:disabled){opacity:.92}.button-ghost{background-color:transparent;color:var(--foreground)}.button-ghost:hover:not(:disabled){background-color:var(--accent)}.button-link{background-color:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:4px;border-color:transparent}.button-link:hover:not(:disabled){opacity:.8}.button-defaultSize{min-height:2.25rem}.button-sm{min-height:var(--space-8);padding:.4rem .8rem;font-size:.85rem}.button-lg{min-height:2.5rem;padding:.6rem 1.3rem;font-size:.95rem}.button-icon,.button-iconSm,.button-iconLg{padding:0;border-radius:var(--radius-pill)}.button-icon{width:2.25rem;height:2.25rem}.button-iconSm{width:var(--space-8);height:var(--space-8)}.button-iconLg{width:2.6rem;height:2.6rem}.card{background-color:var(--card);color:var(--card-foreground);display:flex;flex-direction:column;gap:var(--space-5);border-radius:.9rem;border:var(--line-1) solid var(--border);padding:var(--space-4);box-shadow:var(--shadow-card)}.card-header{display:grid;gap:var(--space-2)}.card-title{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin:0;font-size:.95rem}.card-description{color:var(--muted-foreground);margin:0}.card-action{justify-self:end}.card-content,.card-footer{display:block}.card-footer{display:flex;align-items:center;gap:var(--space-4)}.card-compact{padding:var(--space-3);gap:var(--space-3)}.card-highlight{border-color:var(--primary);box-shadow:0 0 0 2px #f3b6471a}.card-hover{transition:all var(--duration-fast) var(--ease-default)}.card-hover:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--radius-pill);border:var(--line-1) solid transparent;padding:.2rem .55rem;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;font-family:var(--font-family)}.badge [data-lucide],.badge svg{width:12px;height:12px;flex-shrink:0}.badge-default{background-color:var(--primary);color:var(--primary-foreground)}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.badge-destructive{background-color:var(--destructive);color:#fff}.badge-outline{background-color:transparent;border-color:var(--border);color:var(--foreground)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);border:var(--line-1) solid var(--border);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-compact);white-space:nowrap;font-family:var(--font-family)}.chip-muted{background:var(--secondary);color:var(--foreground)}.chip-accent{background:color-mix(in oklab,var(--primary) 16%,transparent);color:var(--primary)}.chip-error{color:var(--color-error);background:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);border-radius:var(--radius-soft);box-shadow:0 var(--line-1) 0 var(--color-error-shadow);display:flex;align-items:center;gap:var(--space-2);white-space:normal;max-width:100%;word-break:break-word}[data-theme=dark] .chip-error{background:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error);box-shadow:0 var(--space-1) var(--space-2) var(--color-error-shadow);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);line-height:var(--line-height-snug)}.chip-error [data-lucide],.chip-error svg{color:var(--color-error);width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip-error svg{stroke:currentColor;fill:none;stroke-width:2;display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip [data-lucide],.chip svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;margin-right:var(--space-2)}.chip svg{stroke:currentColor;fill:none;stroke-width:2;display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip .chip-text{display:inline-flex;align-items:center;line-height:var(--line-height-snug)}.chip-success{color:var(--color-success);background:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);border-radius:var(--radius-soft);display:flex;align-items:center;gap:var(--space-2);white-space:normal;max-width:100%;word-break:break-word}[data-theme=dark] .chip-success{color:var(--color-success);background:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border)}.chip-success [data-lucide],.chip-success svg{color:currentColor;width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip-info{color:var(--color-info);background:var(--color-info-bg);border:var(--line-1) solid var(--color-info-border);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);border-radius:var(--radius-soft);display:flex;align-items:center;gap:var(--space-2);white-space:normal;max-width:100%;word-break:break-word}[data-theme=dark] .chip-info{color:var(--color-info);background:var(--color-info-bg);border:var(--line-1) solid var(--color-info-border)}.chip-info [data-lucide],.chip-info svg{color:currentColor;width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;line-height:0}@media (max-width: 640px){.chip-error{display:flex;width:100%;padding-left:var(--space-3);padding-right:var(--space-3)}}@keyframes chip-fade-slide-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1.5))}to{opacity:1;transform:translateY(0)}}.chip[hidden],.chip:empty{display:none!important}.chip.is-animating{animation:chip-fade-slide-in var(--duration-feedback) var(--ease-default)}.avatar{position:relative;display:flex;width:var(--space-8);height:var(--space-8);flex-shrink:0;overflow:hidden;border-radius:var(--radius-pill)}.avatar-image{aspect-ratio:1;width:100%;height:100%;object-fit:cover}.avatar-fallback{display:grid;width:100%;height:100%;place-items:center;border-radius:var(--radius-pill);background-color:var(--muted);color:var(--muted-foreground);font-weight:var(--font-weight-semibold);font-size:.8rem}.avatar-lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.progress{appearance:none;background-color:color-mix(in oklab,var(--primary) 25%,transparent);height:var(--space-2);width:100%;overflow:hidden;border-radius:var(--radius-pill);border:0}.progress::-webkit-progress-bar{background-color:color-mix(in oklab,var(--primary) 25%,transparent)}.progress::-webkit-progress-value{background-color:var(--primary);transition:width var(--duration-fast) var(--ease-default)}.progress::-moz-progress-bar{background-color:var(--primary)}.progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:.85rem;font-weight:var(--font-weight-medium)}.progress-label-text{color:var(--foreground)}.progress-label-value{color:var(--muted-foreground)}.lesson{padding:5rem 1.5rem}.lesson-container{margin:0 auto;max-width:var(--layout-max-width)}.lesson-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.lesson-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.lesson-subtitle{font-size:var(--text-lg);color:var(--muted-foreground);margin:0}.lesson-actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.lesson-content{display:grid;gap:var(--space-6)}@media (min-width: 768px){.lesson{padding-top:7rem;padding-bottom:7rem}.lesson-title{font-size:2.5rem}}.discovery-filter-sidebar{display:block;width:100%;box-sizing:border-box;margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.discovery-filter-sidebar-title{margin:0 0 var(--space-4);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.discovery-filter-sidebar-body{display:grid;gap:var(--space-4)}.fragment-news-feed{display:grid;gap:var(--space-3)}.fragment-news-cards{display:grid;gap:var(--space-4)}.fragment-news-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);overflow:hidden}.fragment-news-card-link{display:grid;gap:var(--space-3);color:inherit;text-decoration:none}.fragment-news-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--muted)}.fragment-news-card-body{display:grid;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.fragment-news-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.fragment-news-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.fragment-news-item{border-bottom:var(--line-1) solid var(--border);padding:var(--space-5) 0}.fragment-news-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.fragment-news-date{color:var(--muted-foreground);font-size:var(--text-sm)}.fragment-news-scheduled-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .5rem;border-radius:var(--radius-pill);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-xs)}.fragment-news-scheduled-icon{width:1rem;height:1rem}.fragment-news-title{color:var(--foreground);font-weight:var(--font-weight-semibold)}.fragment-news-summary{color:var(--muted-foreground);line-height:1.5}.fragment-news-more{padding-top:var(--space-4)}.fragment-news-read-more{color:var(--primary);text-decoration:none}.fragment-news-none{color:var(--muted-foreground)}.fragment-filter-bar{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.fragment-filter-grid{display:grid;gap:var(--space-4)}.fragment-filter-group{display:grid;gap:var(--space-2)}.fragment-filter-group-full{margin-top:var(--space-2)}.fragment-filter-title{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.fragment-filter-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fragment-filter-chip{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);text-decoration:none;color:var(--foreground);background:var(--background);cursor:pointer}.fragment-filter-chip:hover{background:var(--accent)}.fragment-filter-chip-active{background:var(--card);box-shadow:var(--shadow-card)}.fragment-filter-footer{margin-top:var(--space-4)}@media (min-width: 960px){.fragment-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.fragment-filter-group-full{grid-column:1 / -1}}.fragment-no-results-actions{margin-top:var(--space-2)}.fragment-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-8);align-items:start}.fragment-course-card{display:block;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-8);box-shadow:var(--shadow-card);text-decoration:none;color:inherit}.fragment-course-card-title{margin:0 0 var(--space-4) 0;font-size:1.15rem;color:var(--foreground);line-height:1.25}.fragment-course-card-description{margin:0 0 var(--space-5) 0;color:var(--muted-foreground);line-height:1.6;font-size:.95rem}.fragment-course-tags{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-5)}.fragment-course-tag{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;background:var(--background);border:var(--line-1) solid var(--border);color:var(--muted-foreground);padding:.15rem .5rem;font-size:var(--text-xs);border-radius:6px;line-height:1}.fragment-course-tag-xp{font-weight:var(--font-weight-semibold)}.fragment-course-tag-time{opacity:.9}.fragment-course-tag-progress [data-lucide],.fragment-course-tag-progress svg{width:12px;height:12px;flex-shrink:0;display:block}.fragment-course-pagination{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.fragment-course-pagination-links{display:flex;gap:var(--space-2)}.fragment-course-pagination-label{color:var(--muted-foreground)}.fragment-page-link{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);background:var(--background);color:var(--foreground);text-decoration:none;padding:.4rem .8rem}.fragment-page-link:hover{background:var(--accent)}.fragment-no-results{padding:var(--space-6)}.fragment-no-results-inner{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.fragment-no-results-icon{color:var(--muted-foreground)}.fragment-no-results-lucide{width:72px;height:72px}.fragment-no-results-title{margin:0}.fragment-no-results-copy{margin:0;color:var(--muted-foreground)}.fragment-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-8);align-items:start}.fragment-module-card{display:block;text-decoration:none;color:inherit;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-8);box-shadow:var(--shadow-card)}.fragment-module-card:hover{transform:translateY(-2px)}.fragment-module-badge-image{margin-bottom:var(--space-4);width:3rem;height:3rem;object-fit:cover}.fragment-module-course{margin:0 0 var(--space-2) 0;color:var(--muted-foreground);font-size:.85rem}.fragment-module-title{margin:0 0 var(--space-5) 0;font-size:1.15rem;line-height:1.3}.fragment-module-description{margin:0 0 var(--space-6) 0;color:var(--muted-foreground);line-height:1.6;font-size:.95rem}.fragment-module-tags{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-5)}.fragment-module-tag{background:var(--background);border:var(--line-1) solid var(--border);color:var(--muted-foreground);padding:.15rem .5rem;font-size:var(--text-xs);border-radius:6px}.fragment-module-tag-xp{font-weight:var(--font-weight-semibold)}.fragment-module-tag-time{opacity:.9}.fragment-module-tag-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.quiz-option-btn-correct{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 15%,var(--background));transform:scale(1.02);transition:transform .12s ease,background-color .18s ease,opacity .18s ease}.quiz-option-btn-wrong{border-color:var(--destructive);background:color-mix(in oklab,var(--destructive) 12%,var(--background));transform:scale(.99);transition:transform .12s ease,background-color .18s ease,opacity .18s ease}.quiz-feedback{margin:0;font-weight:var(--font-weight-semibold);transition:opacity .18s ease}.quiz-swapped{animation:quizAppear .3s ease both}@keyframes quizAppear{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-swapped .quiz-option-btn-selected{animation:selectedAppear .32s ease both}@keyframes selectedAppear{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-swapped .quiz-option-btn-correct,.quiz-swapped .quiz-option-btn-wrong{animation:scoredPop .28s ease both}@keyframes scoredPop{0%{transform:scale(.98)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quiz-scored-animate .lesson-quiz-summary{animation:scorePulse .48s ease .32s both}@keyframes scorePulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.quiz-swapped .quiz-scored{animation:scoredFade .28s ease both}@keyframes scoredFade{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.quiz-scored-animate .lesson-quiz-summary{transform:translateY(-6px);transition:transform .22s ease}@media (prefers-reduced-motion: reduce){.quiz-swapped,.quiz-scored-animate,.quiz-option-btn-correct,.quiz-option-btn-wrong,.quiz-feedback{animation:none!important;transition:none!important;transform:none!important}}.fragment-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.fragment-stat-card{padding:var(--space-6)}.fragment-stat-label{font-size:1rem;color:var(--muted-foreground);line-height:1.4;margin:0 0 var(--space-3) 0}.fragment-stat-value{font-size:var(--text-2xl);line-height:1.15;font-weight:var(--font-weight-bold);margin:0}@media (max-width: 900px){.fragment-stats-row{grid-template-columns:1fr}}.fragment-pricing-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch;max-width:var(--layout-max-width);margin:var(--space-8) auto 0;padding:0 var(--space-4)}.fragment-pricing-card{display:flex;flex-direction:column;padding:var(--space-8);background:var(--card);border-radius:var(--radius-dialog);border:var(--line-1) solid var(--border);box-shadow:var(--shadow-card);height:100%}.fragment-pricing-card-highlight{border-color:var(--primary);box-shadow:var(--shadow-elevated)}.fragment-pricing-card-header{margin-bottom:var(--space-6)}.fragment-pricing-plan-name{font-size:1.5rem;font-weight:var(--font-weight-extrabold);margin:0 0 var(--space-2)}.fragment-pricing-plan-tagline{font-size:var(--text-sm);color:var(--muted-foreground)}.fragment-pricing-plan-price{margin-bottom:var(--space-8);display:flex;align-items:baseline;gap:var(--space-1)}.fragment-pricing-amount{font-size:3rem;font-weight:var(--font-weight-extrabold);color:var(--foreground)}.fragment-pricing-period{font-size:var(--text-base);color:var(--muted-foreground)}.fragment-pricing-features{flex-grow:1;margin-bottom:var(--space-8)}.fragment-pricing-features-title{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--space-4)}.fragment-pricing-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.fragment-pricing-feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.95rem;color:var(--foreground)}.fragment-pricing-feature-icon{flex-shrink:0;color:var(--primary)}.fragment-pricing-cta{width:100%}.fragment-pricing-button{width:100%;display:flex;justify-content:center;padding:.85rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-soft);text-decoration:none}.fragment-pricing-button-primary{background:var(--primary);color:var(--primary-foreground)}.fragment-pricing-button-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}@media (min-width: 768px){.fragment-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.auth-shell{margin:2rem auto 0;width:100%;max-width:var(--measure-md);border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);color:var(--card-foreground);padding:var(--space-6);box-shadow:var(--shadow-card)}.auth-title{font-size:1.75rem;line-height:var(--line-height-tight)}.auth-subtitle{margin:var(--space-2) 0 0;color:var(--muted-foreground);font-size:.95rem}.auth-tabs{margin-top:var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);border-radius:var(--radius-soft);background:var(--muted);padding:var(--space-2)}.auth-tab{border:0;border-radius:var(--radius-soft);padding:.625rem .75rem;cursor:pointer;background:transparent;color:var(--muted-foreground);font-weight:600}.auth-tab.is-active{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-card)}.auth-form{margin-top:var(--space-5);display:grid;gap:var(--space-3)}.auth-input{width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:.7rem .75rem;font-size:1rem;color:var(--foreground);background:var(--background)}.auth-input:focus{outline:2px solid color-mix(in oklab,var(--ring) 40%,transparent);outline-offset:1px}.auth-submit{border:0;border-radius:var(--radius-soft);background:var(--primary);color:var(--primary-foreground);padding:.7rem 1rem;font-weight:600;cursor:pointer}.auth-submit:hover{opacity:.92}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-submit:disabled,.auth-submit.disabled{background:var(--control-disabled-bg, #e5e7eb);color:var(--control-disabled-fg, #9ca3af);cursor:not-allowed;box-shadow:none;opacity:1}.auth-submit:disabled:hover,.auth-submit.disabled:hover{opacity:1}.auth-submit-spinner{display:none;width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in oklab,currentColor 20%,transparent);border-top-color:currentColor;animation:auth-spin .8s linear infinite}.auth-form.is-loading .auth-submit-label{opacity:0}.auth-form.is-loading .auth-submit-spinner{display:inline-block}.auth-oauth{margin-top:var(--space-5);display:grid;gap:var(--space-2)}.auth-oauth-link{display:block;width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);text-align:center;padding:.7rem 1rem;text-decoration:none;color:var(--muted-foreground)}.auth-oauth-link:hover{background:var(--accent)}.auth-feedback{margin-top:var(--space-4);color:var(--muted-foreground)}.auth-feedback-error{color:#b91c1c}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-terms-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.auth-terms-text{font-size:.875rem;line-height:var(--line-height-normal);color:var(--muted-foreground)}.auth-terms-link{color:var(--primary);text-decoration:none}.auth-terms-link:hover{text-decoration:underline}.auth-terms-checkbox{margin-top:0;width:1rem;height:1rem;accent-color:var(--primary);vertical-align:middle}.auth-back-link{display:block;margin-top:var(--space-4);text-align:center;color:var(--muted-foreground);text-decoration:none}.auth-back-link:hover{color:var(--foreground)}.auth-mock{padding:var(--space-6);text-align:center}.auth-mock-inner{max-width:var(--measure-md);margin:0 auto}.auth-mock-icon-wrap{color:var(--muted-foreground);margin-bottom:var(--space-2)}.auth-mock-icon,.auth-mock-icon svg{display:inline-block;width:var(--size-icon-lg);height:var(--size-icon-lg);vertical-align:middle;line-height:1}.auth-mock-title{margin:0 0 var(--space-3);font-size:var(--text-hero-title);line-height:var(--line-height-tight)}.auth-mock-body{margin:0 0 var(--space-4);color:var(--muted-foreground)}.auth-mock-ctas{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.dashboard-shell{display:grid;gap:var(--space-3)}.dashboard-hero{padding:var(--space-8)}.dashboard-hero-title{font-size:clamp(2rem,3vw,var(--text-4xl));line-height:1.1;margin:0 0 var(--space-3) 0}.dashboard-hero-copy{margin:0;color:var(--muted-foreground);line-height:1.5;font-size:1.05rem}.dashboard-tabs{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius) / 2);align-items:center}.dashboard-tab{border:var(--line-1) solid var(--border);background:var(--background);padding:.65rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem}.dashboard-tab.is-active{background:var(--card);box-shadow:var(--shadow-card)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.dashboard-stat{padding:var(--space-6);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.dashboard-stat-hidden{opacity:0;transform:translateY(var(--space-2))}.dashboard-stat-visible{opacity:1;transform:translateY(0)}.dashboard-stat-label{font-size:1rem;color:var(--muted-foreground);line-height:1.4;margin:0 0 var(--space-3) 0}.dashboard-stat-value{font-size:var(--text-2xl);line-height:1.15;font-weight:700;margin:0}.dashboard-main-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-3);align-items:start}.dashboard-panel{padding:var(--space-6)}.dashboard-panel-title{font-size:1.35rem;line-height:1.2;margin:0 0 var(--space-5) 0}.dashboard-panel-lesson-title{font-size:1.05rem;line-height:1.25;margin:var(--space-5) 0 var(--space-4) 0}.dashboard-muted{color:var(--muted-foreground);line-height:1.55;font-size:1.05rem}.dashboard-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4)}.dashboard-side{padding:var(--space-6)}.dashboard-quiz-button{display:inline-block;border:var(--line-1) solid var(--border);padding:.65rem 1rem;border-radius:6px;background:var(--background);cursor:pointer}@media (max-width: 900px){.dashboard-stats,.dashboard-main-grid{grid-template-columns:1fr}}.courses-hero{border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--primary-foreground);background:linear-gradient(110deg,color-mix(in oklab,var(--primary) 84%,#b37a10),var(--primary));box-shadow:var(--shadow-card)}.courses-hero-title{font-size:var(--text-hero-title)}.courses-hero-copy{margin:var(--space-2) 0 0;color:color-mix(in oklab,var(--primary-foreground) 75%,transparent)}.courses-filters{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.courses-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.filter-title{margin:0 0 var(--space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.filter-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);text-decoration:none;color:var(--foreground);background:var(--background);cursor:pointer}.filter-chip:hover{background:var(--accent)}.filter-chip-active{background:var(--card);box-shadow:var(--shadow-card)}.courses-grid-host{margin-top:var(--space-6)}.course-card{display:block;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card);text-decoration:none;color:inherit}.course-card-title{margin:0 0 var(--space-2) 0;font-size:1.05rem;color:var(--foreground)}.course-card-description{margin:0 0 var(--space-2) 0;color:var(--muted-foreground);line-height:1.3;font-size:.95rem}.course-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.course-tag{display:inline-flex;align-items:center;justify-content:center;background:var(--background);border:var(--line-1) solid var(--border);color:var(--muted-foreground);padding:.15rem .5rem;font-size:.75rem;border-radius:6px;line-height:1}.course-tag-xp{font-weight:600}.course-tag-time{opacity:.9}.course-tag-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);align-items:start}@media (max-width: 640px){.courses-filter-grid,.course-grid{grid-template-columns:1fr}}.no-results{padding:var(--space-6)}.no-results-inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.no-results-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.no-results-title{margin:0 0 var(--space-2) 0;font-size:1.1rem;color:var(--foreground)}.no-results-copy{margin:0 0 var(--space-3) 0;color:var(--muted-foreground)}.no-results-actions{margin-top:var(--space-2)}.course-pagination{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--line-1) solid var(--border);text-align:center}.course-pagination-label{display:block;margin:0 auto;color:var(--muted-foreground)}.modules-hero{border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--primary-foreground);background:linear-gradient(110deg,color-mix(in oklab,var(--primary) 84%,#b37a10),var(--primary));box-shadow:var(--shadow-card)}.modules-hero-title{font-size:var(--text-hero-title)}.modules-hero-copy{margin:var(--space-2) 0 0;color:color-mix(in oklab,var(--primary-foreground) 75%,transparent)}.discovery-search-header{display:block;width:100%;box-sizing:border-box;border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--primary-foreground);background:linear-gradient(110deg,color-mix(in oklab,var(--primary) 84%,#b37a10),var(--primary));box-shadow:var(--shadow-card)}.discovery-search-header-title{font-size:var(--text-hero-title)}.discovery-search-header-copy{margin:var(--space-2) 0 0;color:color-mix(in oklab,var(--primary-foreground) 75%,transparent)}.modules-filters{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.modules-filter-title{margin:0 0 var(--space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.modules-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modules-filter-chip{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);text-decoration:none;color:var(--foreground);background:var(--background)}.modules-filter-chip:hover{background:var(--accent)}.modules-grid-host{margin-top:var(--space-6)}.module-detail-shell{display:grid;gap:var(--space-6)}.module-detail-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:start}.module-detail-title{font-size:var(--text-3xl)}.module-detail-note{margin:var(--space-2) 0 0;color:var(--muted-foreground)}.module-content-list{display:grid;gap:var(--space-4)}.module-completion-banner{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);background:color-mix(in oklab,var(--primary) 18%,transparent);font-weight:600}.module-content-list-title{margin:0;font-size:var(--text-xl)}.module-content-items{display:grid;gap:var(--space-3)}.module-content-item{display:flex;gap:var(--space-4);align-items:flex-start;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);color:inherit;text-decoration:none;padding:var(--space-4);box-shadow:var(--shadow-card)}.module-content-item-lesson{border-inline-start:var(--line-2) solid var(--primary)}.module-content-item-practice{border-inline-start:var(--line-2) solid var(--accent)}.module-content-item.is-done{border-color:color-mix(in oklab,var(--primary) 45%,var(--border))}.module-content-item-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);background:var(--muted);flex:0 0 auto}.module-content-item-body{display:grid;gap:var(--space-2);flex:1}.module-content-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.module-content-item-title{display:block}.module-content-item-done{color:var(--primary);flex:0 0 auto}.module-content-item-progress{color:var(--accent);flex:0 0 auto}.module-content-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.module-content-item span{color:var(--muted-foreground)}.progress-chip{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-chip-y) var(--space-chip-x)}.progress-chip-completed{background:color-mix(in oklab,var(--primary) 30%,transparent)}.progress-chip-progress{background:color-mix(in oklab,var(--accent) 50%,transparent)}.module-detail-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:center}.module-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-4)}.module-card{display:block;text-decoration:none;color:inherit;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.module-card:hover{transform:translateY(-2px)}.module-badge-image{margin-bottom:var(--space-3);width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);object-fit:cover}.module-course{font-size:.78rem;color:var(--muted-foreground)}.module-title{margin:var(--space-2) 0 0}.module-description{margin:var(--space-2) 0 0;color:var(--muted-foreground);font-size:.92rem}.module-tags{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.module-tag{border-radius:var(--radius-soft);padding:var(--space-tag-y) var(--space-tag-x);font-size:.75rem;background:var(--muted);color:var(--foreground)}.module-tag-xp{background:color-mix(in oklab,var(--primary) 30%,transparent)}.module-tag-time{background:color-mix(in oklab,var(--accent) 70%,transparent)}.module-tag-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.module-empty{margin-top:var(--space-4);font-size:.95rem;color:var(--muted-foreground)}@media (min-width: 768px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-fallback-notice{font-size:.75em;background-color:var(--muted);color:var(--muted-foreground);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-soft);margin:var(--space-3) 0}.content-fallback-notice .cf-label{color:var(--foreground);font-weight:600}.lesson-shell{display:grid;gap:var(--space-6)}.lesson-top{display:grid;gap:var(--space-4)}.lesson-completion-banner,.quiz-xp-preview{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);font-weight:600}.lesson-completion-banner{background:color-mix(in oklab,var(--accent) 65%,transparent)}.quiz-xp-preview{background:color-mix(in oklab,var(--primary) 12%,transparent)}.quiz-xp-note{color:var(--muted-foreground);font-weight:500}.lesson-content-shell{display:grid;gap:var(--space-6)}.lesson-quiz{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-6);box-shadow:var(--shadow-card);display:grid;gap:var(--space-4)}.lesson-quiz-unavailable{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-soft);background:color-mix(in oklab,var(--muted) 80%,transparent);color:var(--muted-foreground)}.lesson-quiz-unavailable h3{margin:0 0 var(--space-2);color:var(--foreground)}.lesson-quiz-unavailable p{margin:0}.lesson-quiz-question{border-top:var(--line-1) solid var(--border);padding-top:var(--space-4);display:grid;gap:var(--space-3)}.lesson-quiz-question:first-of-type{border-top:0;padding-top:0}.lesson-quiz-question__options{display:grid;gap:var(--space-2);list-style:none;padding:0;margin:0}.quiz-option-btn:hover{background:var(--accent)}.quiz-option-btn{width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);background:var(--background);color:var(--foreground);text-align:left;cursor:pointer;transition:background .14s ease,transform .12s ease,box-shadow .12s ease}.quiz-option-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 18%,transparent);outline-offset:2px}.quiz-option-btn-selected{box-shadow:var(--shadow-card);background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.quiz-option-btn-selected:disabled{opacity:1!important;pointer-events:none}.quiz-option-btn-correct{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 15%,var(--background))}.quiz-option-btn-wrong{border-color:var(--destructive);background:color-mix(in oklab,var(--destructive) 12%,var(--background))}.quiz-option-btn:disabled{cursor:default;opacity:.95;pointer-events:none}.quiz-option-btn:disabled:hover{background:inherit}.quiz-feedback{margin:0;font-weight:var(--font-weight-semibold)}.quiz-feedback-correct{color:var(--primary)}.quiz-feedback-wrong{color:var(--destructive)}.lesson-quiz-summary{border-top:var(--line-1) solid var(--border);padding-top:var(--space-4);color:var(--muted-foreground)}.practice-shell{display:grid;gap:var(--space-4)}.practice-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.practice-top p{margin-bottom:0}#practice-progress{display:flex;align-items:center;min-height:2.5rem}.app-shell{min-height:100vh;background:var(--background);color:var(--foreground);display:flex;flex-direction:column}.app-header{position:fixed;inset:0 0 auto;z-index:var(--z-header, 50);border-bottom:var(--line-1) solid var(--border);background:color-mix(in oklab,var(--background) 30%,transparent);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);padding-top:calc(env(safe-area-inset-top,0)/2);transition:background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.app-header-inner,.app-main,.app-footer-inner{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.app-header-inner{min-height:calc(var(--size-control-sm, 44px) + (2 * var(--space-4)));display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4)}.app-brand{text-decoration:none;display:flex;align-items:center;gap:var(--space-2);color:inherit}.app-brand-name{font-size:var(--space-5);font-weight:700;letter-spacing:-.01em}.app-nav,.app-actions{display:none}.app-mobile-actions{display:flex;align-items:center;gap:var(--space-2)}.app-actions{gap:var(--space-3)}.app-hamburger{display:inline-flex;align-items:center;justify-content:center}.app-mobile-menu{border-top:var(--line-1) solid var(--border);background:color-mix(in oklab,var(--background) 95%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-mobile-menu-transition{transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.app-mobile-menu-enter-start,.app-mobile-menu-leave-end{opacity:0;transform:translateY(calc(var(--space-2) * -1))}.app-mobile-menu-enter-end,.app-mobile-menu-leave-start{opacity:1;transform:translateY(0)}.app-mobile-menu-nav{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:var(--layout-header-padding);display:grid;gap:.4rem}.app-nav-link,.app-mobile-nav-link{color:var(--muted-foreground);text-decoration:none;font-weight:500}.app-nav-link{position:relative;padding:.5rem 0;transition:color var(--duration-fast) var(--ease-default)}.app-nav-link:hover,.app-nav-link:focus-visible{color:var(--foreground)}.app-nav-link-active{color:var(--foreground)}.app-nav-link-active:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:2px;border-radius:var(--radius-pill);background:var(--primary)}.app-mobile-nav-link{border-radius:var(--space-3);padding:.75rem 1rem;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.app-mobile-nav-link:hover,.app-mobile-nav-link:focus-visible{background:var(--muted);color:var(--foreground)}.app-mobile-nav-link-active{background:var(--muted);color:var(--foreground)}.app-theme-toggle,.app-nav-button,.app-nav-button-primary{border-radius:var(--radius-pill, 9999px);text-decoration:none;font:inherit;font-size:var(--nav-button-font-size);display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.app-theme-toggle,.app-nav-button,.app-hamburger{border:var(--line-1) solid var(--border);background:transparent;color:var(--foreground)}.app-theme-toggle,.app-hamburger{width:var(--size-control-sm, 44px);height:var(--size-control-sm, 44px);padding:0;cursor:pointer;position:relative}.app-nav-button,.app-nav-button-primary{padding:.625rem 1rem}.app-theme-toggle:hover,.app-theme-toggle:focus-visible,.app-nav-button:hover,.app-nav-button:focus-visible,.app-hamburger:hover,.app-hamburger:focus-visible{background:var(--muted)}.app-nav-button-primary{border:var(--line-1) solid transparent;background:var(--primary);color:var(--primary-foreground);font-weight:600}.app-nav-button-primary:hover{opacity:.92}.app-theme-icon{width:var(--size-icon-sm, 20px);height:var(--size-icon-sm, 20px);position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(0) scale(1);transform-origin:center;transition:transform var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.app-theme-icon svg,.app-menu-icon svg{width:100%;height:100%;stroke-width:2}.app-theme-icon-moon{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(0)}html[data-theme=dark] .app-theme-icon-sun{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(0)}html[data-theme=dark] .app-theme-icon-moon{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.app-menu-icon{width:var(--size-icon-sm, 20px);height:var(--size-icon-sm, 20px);display:inline-flex;align-items:center;justify-content:center}.app-actions .app-nav-button-primary{min-width:0}.app-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-mobile-menu-footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--line-1) solid var(--border);display:grid;gap:var(--space-2)}.app-main{padding-top:calc(6rem + var(--space-8) + env(safe-area-inset-top,0));padding-bottom:var(--space-8)}.app-footer{background:color-mix(in oklab,var(--muted) 30%,transparent)}.app-footer-inner{padding-top:3.5rem;padding-bottom:3.5rem}.app-footer-grid{display:grid;gap:var(--space-8)}.app-footer-brand{display:flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none}.app-footer-brand .app-logo-wrap{width:var(--size-icon-lg);height:var(--size-icon-lg)}.app-footer-brand .app-logo-img{width:var(--size-icon-md);height:var(--size-icon-md)}.app-footer-brand-name{font-size:var(--space-5);font-weight:700}.app-footer-description{margin:var(--space-4) 0 0;max-width:var(--measure-sm);color:var(--muted-foreground);line-height:1.6}.app-footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.app-footer-icon-link{color:var(--muted-foreground)}.app-footer-icon-link svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.app-footer-icon-link:hover,.app-footer-icon-link:focus-visible{color:var(--foreground)}.app-footer-group-title{margin:0 0 var(--space-4);font-size:.875rem;font-weight:600}.app-footer-links{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.app-footer-links a{color:var(--muted-foreground);text-decoration:none;font-size:.92rem}.app-footer-links a:hover,.app-footer-links a:focus-visible{color:var(--foreground)}.app-footer-links a.app-footer-link-active{color:var(--foreground)!important;text-decoration:underline;text-underline-offset:.18em}.app-footer-bottom{margin-top:3rem;padding-top:var(--space-8);border-top:var(--line-1) solid var(--border);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.app-footer-copyright{margin:0;color:var(--muted-foreground);font-size:.875rem}@media (min-width: 768px){.app-header-inner,.app-main,.app-footer-inner{padding-left:var(--space-6);padding-right:var(--space-6)}.app-nav,.app-actions{display:flex;align-items:center;gap:var(--space-4)}.app-nav{gap:var(--space-8)}.app-mobile-actions,.app-mobile-menu{display:none}.app-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.app-footer-brand-col{grid-column:span 2}.app-footer-brand .app-logo-wrap{width:var(--size-logo-wrap);height:var(--size-logo-wrap)}.app-footer-brand .app-logo-img{width:var(--size-control-md);height:var(--size-control-md)}}@media (max-width: 767px){.app-mobile-menu-nav{padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:var(--space-4)}}.app-logo-wrap{width:var(--size-logo-wrap);height:var(--size-logo-wrap);border-radius:var(--radius-pill);display:grid;place-items:center;background:transparent;--logo-color: #232323;--anteater-color: #ddf00f}html[data-theme=dark] .app-logo-wrap{--logo-color: #ffffff;--anteater-color: #545454}.app-logo-img{width:var(--size-control-md);height:var(--size-control-md);display:block}.panel{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card)}.panel-body{padding:var(--space-6)}.panel-title{font-size:1.6rem}.panel-subtitle{margin:var(--space-2) 0 0;color:var(--muted-foreground)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--radius-soft);font-size:.75rem;padding:.2rem .5rem;background:var(--muted);line-height:1}.pill-amber{background:color-mix(in oklab,var(--primary) 35%,transparent)}.pill-green{background:color-mix(in oklab,var(--accent) 75%,transparent)}.btn,.btn-primary,.btn-secondary{border-radius:var(--radius-soft);padding:.55rem .95rem;text-decoration:none;border:var(--line-1) solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer}.btn:hover,.btn-secondary:hover{background:var(--accent)}.btn-primary{border-color:transparent;background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.92}.account-shell,.legal-shell,.course-detail-shell,.module-detail-shell{padding:var(--space-6)}.account-note,.legal-note,.error-note,.course-detail-note,.module-detail-note,.muted{color:var(--muted-foreground)}.account-form-wrap{margin-top:var(--space-6)}.account-form,.account-stack{display:grid;gap:var(--space-4)}.account-label{display:block;font-weight:600}.account-input,.account-select{margin-top:var(--space-2);width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:.55rem .7rem;background:var(--background);color:var(--foreground)}.account-input[disabled]{background:var(--muted)}.account-private{display:flex;align-items:center}.account-private-label{margin-left:var(--space-2)}.account-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.alert-success{border:var(--line-1) solid color-mix(in oklab,#16a34a 40%,transparent);background:color-mix(in oklab,#16a34a 12%,white);color:color-mix(in oklab,#14532d 80%,black);padding:.6rem .75rem;border-radius:var(--radius-soft)}.alert-error{border:var(--line-1) solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error);padding:.6rem .75rem;border-radius:var(--radius-soft);font-size:.9rem}.account-password-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--line-1) solid var(--border)}.account-section-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}.legal-shell{max-width:64rem;margin:0 auto}.legal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--line-1) solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.legal-lang{display:flex;gap:var(--space-2)}.richtext{line-height:1.65}.error-shell{max-width:40rem;margin:var(--space-page-offset) auto 0;text-align:center;padding:var(--space-8)}.error-title{font-size:2.25rem}.error-subtitle{margin-top:var(--space-2);font-size:1.1rem}.error-actions{margin-top:var(--space-6);display:flex;justify-content:center;gap:var(--space-3)}.quiz-fragment{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.quiz-question{margin:0 0 var(--space-3);font-weight:700}.quiz-options{display:grid;gap:var(--space-2)}.quiz-option{width:100%;text-align:left;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);background:var(--background);padding:.5rem .6rem;cursor:pointer}.quiz-option:hover{background:var(--accent)}.course-detail-top,.module-detail-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.course-detail-actions,.module-detail-actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center}.course-modules{margin-top:var(--space-6)}.course-modules-shell{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-5);box-shadow:var(--shadow-card)}.trail-completion-banner{margin-top:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);line-height:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-soft);background:color-mix(in oklab,var(--accent) 24%,transparent);color:var(--foreground)}.trail-completion-banner [data-lucide],.trail-completion-banner svg{width:12px;height:12px;flex-shrink:0}.module-list{margin-top:var(--space-4);display:grid;gap:var(--space-3)}.module-list-item{display:block;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-4);text-decoration:none;color:inherit}.module-list-item:hover{background:var(--accent)}.course-module-status{display:inline-flex;align-items:center;gap:var(--space-2)}.module-list-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.course-module-badge-image{width:2.25rem;height:2.25rem;object-fit:contain;flex:0 0 auto}.progress-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--radius-pill);padding:var(--space-chip-y) var(--space-4);font-size:.88rem;font-weight:600;line-height:1}.progress-chip [data-lucide],.progress-chip svg{width:12px;height:12px;flex-shrink:0;display:block}.progress-chip-completed{background:color-mix(in oklab,#16a34a 24%,transparent);color:#052e16}.progress-chip-progress{background:color-mix(in oklab,#f59e0b 28%,transparent);color:#451a03}.landing-hero-shell{position:relative;overflow:hidden;border-radius:var(--radius-dialog);padding:0}.landing-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--primary) 6%,transparent),transparent 30%)}.landing-hero-blob-a,.landing-hero-blob-b{position:absolute;border-radius:50%;filter:blur(56px);opacity:.25;transform:translateZ(0);will-change:transform,opacity;pointer-events:none}.landing-hero-blob-a{width:56rem;height:46rem;left:-14%;top:-28%;background:color-mix(in oklab,var(--primary) 18%,white 60%)}.landing-hero-blob-b{width:48rem;height:40rem;right:-12%;bottom:-20%;background:color-mix(in oklab,var(--accent) 18%,white 72%)}.landing-hero{position:relative;z-index:1;color:var(--foreground);background:color-mix(in oklab,var(--primary) 3%,white 3%);padding:calc(var(--space-hero-y-mobile) * 1.1) var(--space-hero-x-mobile);box-shadow:none}.landing-hero-inner{max-width:var(--measure-xl);margin:0 auto;display:grid;gap:var(--space-6);justify-items:center;text-align:center;padding:var(--space-6) 0}.landing-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.875rem;padding:.4rem .8rem;border-radius:var(--radius-pill);border:var(--line-1) solid color-mix(in oklab,var(--primary) 30%,transparent);background:color-mix(in oklab,white 88%,var(--primary) 4%);color:color-mix(in oklab,var(--primary) 90%,black 10%);width:fit-content;line-height:1}.landing-hero-badge [data-lucide],.landing-hero-badge svg{width:12px;height:12px;flex-shrink:0}.landing-hero-badge-text{color:var(--foreground)}.testing-practices .testing-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));max-width:var(--measure-xl);margin:0 auto}.testing-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);background:var(--card);box-shadow:var(--shadow-card);text-align:left}.testing-card:hover{border-color:color-mix(in oklab,var(--primary) 16%,transparent);box-shadow:0 28px 56px color-mix(in oklab,#000 10%,transparent)}.testing-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in oklab,var(--primary) 14%,white 86%);color:var(--primary);margin-bottom:var(--space-3)}.testing-card h3{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:800}.testing-card p{margin:0;color:var(--muted-foreground);font-size:.95rem}@media (min-width: 768px){.testing-practices .testing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.testing-practices .testing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}html[data-theme=dark] .landing-hero-badge{background:color-mix(in oklab,var(--accent) 22%,black 6%);color:var(--accent-foreground);border-color:color-mix(in oklab,var(--border) 50%,transparent)}html[data-theme=dark] .landing-hero-badge-text{color:var(--accent-foreground)}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .landing-hero-cta .btn.btn-secondary{background:color-mix(in oklab,var(--muted) 36%,black 12%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 40%,transparent)}html[data-theme=dark] .landing-featured-badge{background:color-mix(in oklab,var(--primary) 12%,black 8%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 50%,transparent)}html[data-theme=dark] .landing-featured-badge [data-lucide],html[data-theme=dark] .landing-featured-badge svg{color:var(--primary)}html[data-theme=dark] .landing-hero-badge [data-lucide],html[data-theme=dark] .landing-hero-badge svg{color:var(--primary)}html[data-theme=dark] .landing-why-card,html[data-theme=dark] .landing-featured-card{background:var(--card);border-color:var(--border);box-shadow:var(--shadow-card);color:var(--foreground)}html[data-theme=dark] .landing-featured-icon{background:color-mix(in oklab,var(--primary) 34%,black 6%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 40%,transparent)}html[data-theme=dark] .landing-why-icon{background:color-mix(in oklab,var(--primary) 46%,black 2%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 36%,transparent);box-shadow:0 10px 22px color-mix(in oklab,#000 6%,transparent)}html[data-theme=dark] .landing-featured-icon [data-lucide],html[data-theme=dark] .landing-featured-icon svg,html[data-theme=dark] .landing-why-icon [data-lucide],html[data-theme=dark] .landing-why-icon svg{color:var(--foreground)}html[data-theme=dark] .landing-featured-card-link:hover .landing-featured-card,html[data-theme=dark] .landing-featured-card-link:focus .landing-featured-card{border-color:color-mix(in oklab,var(--primary) 16%,transparent);box-shadow:0 28px 56px color-mix(in oklab,#000 10%,transparent)}html[data-theme=dark] .landing-featured-chip{background:color-mix(in oklab,var(--muted) 62%,black 6%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 28%,transparent)}html[data-theme=dark] .landing-featured-progress{background:color-mix(in oklab,var(--muted) 86%,black 4%)}html[data-theme=dark] .landing-featured-progress::-webkit-progress-value{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 84%,transparent),var(--primary));box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 28%,transparent) inset}html[data-theme=dark] .landing-featured-progress::-moz-progress-bar{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 84%,transparent),var(--primary));box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 28%,transparent) inset}.landing-featured-progress-row{display:flex;gap:var(--space-3);align-items:center}.landing-featured-progress{height:8px}.landing-featured-progress-label{display:inline-flex;align-items:center;height:100%}.landing-hero-title{margin:0;font-size:clamp(2.25rem,6.5vw,4.5rem);line-height:1.05;font-weight:900;color:var(--foreground);transition:transform .7s ease,opacity .7s ease;letter-spacing:-.02em}.landing-hero-title-accent-text{display:inline-block;color:color-mix(in oklab,var(--primary) 48%,#c68c2b 52%);font-weight:900;font-size:inherit;line-height:inherit}.landing-hero-subtitle{margin-top:var(--space-4);max-width:64ch;color:color-mix(in oklab,var(--foreground) 70%,black 0%);transition:transform .7s ease,opacity .7s ease;font-size:1.05rem}.landing-hero-cta{margin-top:var(--space-6);display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.landing-hero-cta .btn.btn-primary{background:linear-gradient(180deg,color-mix(in oklab,#d39b2f 70%,var(--primary) 30%),var(--primary));color:var(--primary-foreground);padding:.85rem 1.5rem;border-radius:999px;font-weight:700;box-shadow:0 6px 18px color-mix(in oklab,#000 6%,transparent);border:none}.landing-hero-cta .btn.btn-secondary{background:#fff;color:color-mix(in oklab,var(--primary) 90%,black 10%);padding:.65rem 1.2rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.landing-hero-stats{margin-top:var(--space-8);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;align-items:start;width:100%;max-width:64ch;margin-left:auto;margin-right:auto}.landing-hero-stat{text-align:center}.landing-hero-stat-value{font-size:clamp(1.75rem,4.2vw,2.5rem);font-weight:900;color:var(--foreground)}.landing-hero-stat-label{margin-top:.5rem;font-size:.95rem;color:color-mix(in oklab,var(--foreground) 64%,transparent)}.landing-lift{transform:translateY(0);opacity:1}.landing-hidden{transform:translateY(8px);opacity:0}@media (min-width: 768px){.landing-hero{padding:var(--space-hero-y-tablet) var(--space-hero-x-tablet)}.landing-hero-inner{gap:var(--space-8);padding:var(--space-10) 0}.landing-hero-title{font-size:clamp(2.8rem,5.6vw,5rem)}.landing-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero-badge{font-size:.95rem;padding:.45rem .95rem}.landing-hero-blob-a{left:-10%;top:-30%;width:64rem;height:54rem;opacity:.22}.landing-hero-blob-b{right:-14%;bottom:-24%;width:56rem;height:46rem;opacity:.26}.landing-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.landing-hero-inner{max-width:var(--measure-xxl, 1200px)}.landing-hero-title{font-size:clamp(3rem,4.5vw,5.6rem)}.landing-hero-blob-a,.landing-hero-blob-b{transform:scale(1.05)}.landing-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.landing-lesson{margin-top:var(--space-8)}.landing-why{padding-top:var(--space-6);padding-bottom:var(--space-8)}.landing-why-header{text-align:center;max-width:var(--measure-lg);margin:0 auto var(--space-6)}.landing-why-heading{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--foreground)}.landing-why-subtitle{margin-top:var(--space-3);color:var(--muted-foreground)}.landing-why-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));max-width:var(--measure-xl);margin:0 auto}@media (min-width: 768px){.landing-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing-why-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);background:var(--card);box-shadow:var(--shadow-card);text-align:left}.landing-why-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in oklab,var(--primary) 14%,white 86%);color:var(--primary);margin-bottom:var(--space-3)}.landing-why-icon [data-lucide],.landing-why-icon svg{width:22px;height:22px}.landing-why-title{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:800}.landing-why-desc{margin:0;color:var(--muted-foreground);font-size:.95rem}.landing-featured{padding-top:var(--space-6);padding-bottom:var(--space-8)}.landing-featured-header{display:grid;gap:var(--space-4);align-items:center;justify-items:center;text-align:center;margin-bottom:var(--space-6);max-width:var(--measure-lg);margin-left:auto;margin-right:auto}.landing-featured-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .6rem;border-radius:var(--radius-pill);background:color-mix(in oklab,white 90%,var(--primary) 3%);color:var(--foreground);border:1px solid color-mix(in oklab,var(--border) 70%,transparent);font-weight:700;line-height:1}.landing-featured-badge svg,.landing-featured-badge [data-lucide]{color:color-mix(in oklab,var(--primary) 90%,black 10%);width:12px;height:12px}.landing-featured-heading{margin:0;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800;color:var(--foreground)}.landing-featured-subtitle{margin:0;max-width:68ch;color:var(--muted-foreground);font-size:1rem}.landing-featured-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));margin-top:var(--space-6)}@media (min-width: 768px){.landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media (min-width: 1280px){.landing-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}}.landing-featured-card-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform,box-shadow;outline:none}.landing-featured-card{display:block;border-radius:18px;background:color-mix(in oklab,white 100%,var(--primary) 0%);padding:1.25rem;height:100%;box-shadow:0 8px 24px color-mix(in oklab,#000 4%,transparent);border:1px solid color-mix(in oklab,#e8f0e6 70%,transparent);transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);backface-visibility:hidden;-webkit-transition:-webkit-transform .32s cubic-bezier(.2,.9,.25,1),box-shadow .32s ease;transition:transform .32s cubic-bezier(.2,.9,.25,1),box-shadow .32s ease,border-color .32s ease;will-change:transform,border-color,box-shadow}.landing-featured-card-inner{display:block;gap:var(--space-4);align-items:stretch}.landing-featured-header-row{display:flex;gap:var(--space-4);align-items:center}.landing-featured-header-row .landing-featured-title{margin:0;font-size:1.05rem}.landing-featured-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:color-mix(in oklab,#f7eade 90%,var(--muted) 6%);display:inline-flex;align-items:center;justify-content:center;color:color-mix(in oklab,var(--primary) 84%,#7a4e14 6%);box-shadow:0 8px 18px color-mix(in oklab,#000 6%,transparent);border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.landing-featured-icon [data-lucide],.landing-featured-icon svg{width:22px;height:22px}.landing-featured-body{flex:1 1 auto;min-width:0}.landing-featured-title{margin:0;font-size:1.075rem;font-weight:800;color:var(--foreground)}.landing-featured-desc{margin:var(--space-6) 0;color:var(--muted-foreground);font-size:.95rem;line-height:1.45}.landing-featured-meta{margin-top:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.landing-featured-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .64rem;border-radius:999px;background:color-mix(in oklab,#f6f7f4 92%,var(--muted) 4%);color:color-mix(in oklab,#1f2933 78%,var(--muted-foreground) 22%);font-size:.82rem;font-weight:700;border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.landing-featured-chip [data-lucide],.landing-featured-chip svg{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:.45rem}.landing-featured-progress{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.landing-featured-progress-row{margin-top:var(--space-3);display:flex;gap:var(--space-3);align-items:center}.landing-featured-progress{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:color-mix(in oklab,#f3efe9 96%,var(--muted) 4%);border-radius:999px;border:none;overflow:hidden}.landing-featured-progress::-webkit-progress-bar{background:transparent}.landing-featured-progress::-webkit-progress-value{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 80%,transparent),var(--primary));border-radius:999px;box-shadow:0 4px 10px color-mix(in oklab,var(--primary) 26%,transparent) inset}.landing-featured-progress::-moz-progress-bar{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 80%,transparent),var(--primary));border-radius:999px;box-shadow:0 4px 10px color-mix(in oklab,var(--primary) 26%,transparent) inset}.landing-featured-progress-label{min-width:44px;text-align:right;color:color-mix(in oklab,var(--foreground) 72%,var(--muted-foreground) 28%);font-weight:500;font-size:.95rem}.landing-featured-modules{margin-top:var(--space-3);color:var(--muted-foreground);font-size:.9rem;display:flex;gap:.5rem;align-items:center}.landing-featured-modules-count{font-weight:700;color:color-mix(in oklab,var(--foreground) 88%,transparent 12%);font-size:.95rem}.landing-featured-card-link:hover.landing-featured-card,.landing-featured-card-link:focus.landing-featured-card{transform:translateY(-2px) scale(1.01);box-shadow:0 28px 56px color-mix(in oklab,#000 8%,transparent);border-color:color-mix(in oklab,var(--primary) 60%,transparent)}.landing-featured-card-link:focus,.landing-featured-card-link:focus.landing-featured-card{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 14%,transparent)}.landing-featured-card-link:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 18%,transparent)}@media (max-width: 420px){.landing-featured-card-inner{flex-direction:column;gap:var(--space-3)}}.landing-lesson-title{font-size:1.35rem}.landing-grid-4,.landing-grid-3{margin-top:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr))}.landing-teaser{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card)}.http-error-box{border:var(--line-1) solid color-mix(in oklab,#dc2626 35%,transparent);background:color-mix(in oklab,#dc2626 10%,var(--background));color:#991b1b;border-radius:var(--radius-soft)}.about-page,.construction-page{padding:var(--space-12) var(--space-6);margin:0 auto}.about-header,.construction-header{text-align:center;margin-bottom:var(--space-12)}.about-header h1,.construction-header h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-4)}.about-header p,.construction-header p{font-size:1.25rem;color:var(--muted-foreground)}.about-content{display:flex;flex-direction:column;gap:var(--space-12)}.about-lesson h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-4)}.about-lesson p{line-height:1.6;color:var(--foreground);margin-bottom:var(--space-4)}.about-lesson ul{margin-bottom:var(--space-6);padding-left:var(--space-6);list-style-type:disc}.about-lesson li{margin-bottom:var(--space-2);line-height:1.5}.about-actions{margin-top:var(--space-4);margin-bottom:var(--space-8)}.team-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-8);justify-content:center;align-items:flex-start}.team-card{background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex:0 0 300px;flex-direction:column;align-items:center;text-align:center}.team-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-4);border:var(--line-2) solid var(--primary);background:var(--muted)}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-1);color:var(--foreground)}.team-role{font-size:.875rem;color:var(--primary);font-weight:500;margin-bottom:var(--space-4)}.team-card p{font-size:.9375rem;line-height:1.6;color:var(--muted-foreground);margin-bottom:0}.construction-icon{display:flex;justify-content:center;margin-bottom:var(--space-8);color:var(--primary)}.construction-icon svg{width:64px;height:64px;stroke-width:1.5}.construction-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.pricing-container{max-width:var(--container-xl);margin:0 auto;padding:var(--space-12) var(--space-6)}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-header h1{font-size:3rem;font-weight:800;margin-bottom:var(--space-4)}.pricing-header p{font-size:1.25rem;color:var(--muted-foreground);max-width:32rem;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.pricing-card{background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pricing-card.featured{border:2px solid var(--primary);position:relative;box-shadow:var(--shadow-lg)}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--primary-foreground);padding:2px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.pricing-card-header h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1)}.pricing-card-header .tagline{font-size:.875rem;color:var(--muted-foreground);min-height:2.5rem}.pricing-price{margin:var(--space-6) 0;display:flex;align-items:baseline;gap:2px}.pricing-price .amount{font-size:2.5rem;font-weight:800}.pricing-price .period{color:var(--muted-foreground);font-size:1rem}.pricing-features{flex-grow:1;margin-bottom:var(--space-8)}.pricing-features h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);color:var(--foreground)}.pricing-features ul{list-style:none;padding:0;display:grid;gap:var(--space-3)}.pricing-features li{font-size:.9375rem;color:var(--muted-foreground);display:flex;align-items:flex-start;gap:var(--space-2)}.pricing-features li:before{content:"\2713";color:var(--primary);font-weight:800;flex-shrink:0}.pricing-cta .btn{width:100%;display:block;text-align:center;padding:var(--space-3);font-weight:600}.pricing-custom{background:var(--muted);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;margin-top:var(--space-12)}.custom-content h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-4)}.custom-content p{color:var(--muted-foreground);max-width:32rem;margin:0 auto var(--space-6)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent;padding:var(--space-3) var(--space-10);border-radius:var(--radius-soft);text-decoration:none;font-weight:600;display:inline-block}.btn-outline:hover{background:var(--primary);color:var(--primary-foreground)}.landing-testimonials-header{text-align:center;max-width:var(--measure-xl);margin:0 auto var(--space-12)}.landing-testimonials-heading{font-size:var(--text-3xl);font-weight:700;color:var(--foreground)}.landing-testimonials-subtitle{color:var(--muted-foreground);margin-top:var(--space-3);font-size:var(--text-lg)}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);max-width:var(--container-xl);margin:0 auto}.landing-testimonials-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-5)}.landing-testimonials-quote{flex:1;margin:0;padding:0}.landing-testimonials-quote:before{content:"\201c";font-size:var(--text-4xl);color:var(--primary);line-height:1;display:block;margin-bottom:var(--space-2);font-weight:800}.landing-testimonials-quote p{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--foreground);font-style:italic;margin:0}.landing-testimonials-author{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.landing-testimonials-avatar{width:52px;height:52px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid var(--primary);flex-shrink:0}.landing-testimonials-name{font-weight:600;font-size:var(--text-sm);color:var(--foreground)}.landing-testimonials-role{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:2px}@media (max-width: 1024px){.landing-testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.landing-testimonials-grid{grid-template-columns:1fr}}.landing-showcase-header{text-align:center;max-width:var(--measure-xl);margin:0 auto var(--space-8)}.landing-showcase-heading{font-size:var(--text-3xl);font-weight:700;color:var(--foreground)}.landing-showcase-subtitle{color:var(--muted-foreground);margin-top:var(--space-3);font-size:var(--text-lg)}.landing-showcase-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:var(--container-xl);margin:0 auto var(--space-12)}.landing-showcase-video{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);background:var(--muted)}.landing-showcase-frame{display:block;width:100%;aspect-ratio:16 / 9;border:none}.landing-showcase-faq{max-width:768px;margin:0 auto}.landing-showcase-faq-heading{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-6);color:var(--foreground)}.landing-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.landing-faq-item{border:1px solid var(--border);border-radius:var(--radius-soft);overflow:hidden;background:var(--card);transition:border-color var(--duration-normal) var(--ease-default)}.landing-faq-item--open{border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}.landing-faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:500;color:var(--foreground);text-align:left;gap:var(--space-3);transition:color var(--duration-normal) var(--ease-default)}.landing-faq-item--open .landing-faq-question{color:var(--primary)}.landing-faq-arrow{flex-shrink:0;width:18px;height:18px;transition:transform var(--duration-normal) var(--ease-default);color:var(--muted-foreground)}.landing-faq-item--open .landing-faq-arrow{transform:rotate(180deg);color:var(--primary)}.landing-faq-answer{padding:0 var(--space-5) var(--space-4);color:var(--muted-foreground);line-height:var(--line-height-relaxed);font-size:var(--text-base)}.landing-faq-answer p{margin:0}.landing-faq-cta{text-align:center;margin-top:var(--space-8);color:var(--muted-foreground);font-size:var(--text-sm)}@media (max-width: 1024px){.landing-showcase-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.landing-showcase-videos{grid-template-columns:1fr}.landing-showcase-heading,.landing-testimonials-heading{font-size:var(--text-2xl)}}.news-page{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4)}.news-inner{width:100%;max-width:var(--layout-max-width)}.news-item{border-bottom:var(--line-1) solid var(--border);padding:var(--space-5) 0}.news-title{font-size:1rem;margin:0 0 var(--space-2) 0;color:var(--foreground)}.news-meta{font-size:.875rem;color:var(--muted-foreground);margin-bottom:var(--space-3)}.news-content{line-height:var(--line-height-loose)}.news-content a{color:var(--primary);text-decoration:underline}.news-cover{display:block;width:100%;max-height:18rem;object-fit:cover;border-radius:var(--radius-soft);margin-bottom:var(--space-4)}@media (max-width: 640px){.news-inner{padding:0 var(--space-2)}}.news-pagination{width:100%;max-width:var(--layout-max-width);display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.news-pagination-info{color:var(--muted-foreground)}.news-pagination a{color:var(--primary);text-decoration:none;padding:calc(var(--space-1) / 2) var(--space-2);border-radius:6px}.news-pagination a:hover{text-decoration:underline}.news-latest-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.news-latest-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.news-latest-date{color:var(--muted-foreground);font-weight:600}.news-latest-title{color:var(--foreground)}.news-none{color:var(--muted-foreground)}.news-excerpts{list-style:none;margin:0;padding:0}.news-excerpt-item{margin:.35rem 0}.news-excerpt-link{display:flex;gap:.5rem;align-items:baseline;color:var(--foreground);text-decoration:none}.news-excerpt-link:hover{text-decoration:underline}.news-excerpt-date{color:var(--muted-foreground);font-weight:600;font-size:.75rem;min-width:72px}.news-excerpt-title{color:var(--primary)}.news-excerpts-more{margin-top:.5rem}.news-read-more{color:var(--primary);text-decoration:none;font-weight:600}.news-read-more:hover{text-decoration:underline}.news-scheduled-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .4rem;border-radius:.25rem;background:color-mix(in srgb,var(--warning, #f59e0b) 15%,transparent);color:var(--warning, #f59e0b);font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1}.news-scheduled-icon{display:inline-block;width:10px;height:10px;flex-shrink:0}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--token-surface, #ffffff);color:var(--token-text, #111827);border-top:1px solid rgba(0,0,0,.06);padding:12px 8px;box-shadow:0 -2px 8px #00000014}[data-theme=dark] .cookie-banner{background:#0b1220;color:#e6eef8;border-top-color:#ffffff0f}.cookie-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 16px}.cookie-banner-text{flex:1;font-size:14px;line-height:1.4;margin:0}.cookie-banner-link{color:inherit;text-decoration:underline;margin-left:6px}.cookie-banner-accept{background:var(--token-primary, #2563eb);color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.cookie-banner-accept:hover{filter:brightness(.95)}.cookie-banner-accept:active{transform:translateY(1px)}@media (max-width: 640px){.cookie-banner-inner{flex-direction:column;align-items:flex-start}.cookie-banner-accept{align-self:flex-end}}html,body{font-family:Inter,Segoe UI,sans-serif;color:var(--foreground);background-color:var(--background)}h1,h2,h3,h4{font-weight:700;color:var(--foreground)}body{margin:0}