#app{min-height:100vh}[id]{scroll-margin-top:80px}:root{--color-primary: #e4ae51;--color-primary-hover: #efc36f;--color-primary-dark: #ce9420;--color-primary-light: #f5d89a;--color-primary-muted: #fef3c7;--color-primary-bg: #fffbeb;--color-primary-soft: rgba(228, 174, 81, .08);--color-secondary: #593a2f;--color-secondary-bg: #f5f1ed;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-info: #0ea5e9;--color-info-bg: #e0f2fe;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fef2f2;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-disabled: #94a3b8;--color-text-on-primary: #302019;--color-bg-page: #f8fafc;--color-bg-section-muted: #f1f5f9;--color-bg-card: #ffffff;--color-bg-elevated: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--font-display: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 80px;--space-5xl: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-pill: 9999px;--radius-full: 50%;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .08);--shadow-primary: 0 4px 14px rgba(228, 174, 81, .3);--shadow-primary-hover: 0 8px 30px rgba(228, 174, 81, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .06), 0 16px 48px rgba(0, 0, 0, .08);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out;--max-width: 1200px;--max-width-narrow: 800px;--nav-height: 72px;--nav-height-scrolled: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}html{overflow-x:hidden}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-secondary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(36px,5vw,48px);font-weight:700;line-height:1.1}h2{font-size:clamp(28px,4vw,36px);font-weight:600}h3{font-size:clamp(20px,3vw,24px);font-weight:600}h4{font-size:18px;font-weight:500}p{margin-bottom:1em;line-height:1.7}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.section-muted{background-color:var(--color-bg-section-muted)}.section-dark{background-color:var(--color-text-primary);color:var(--color-text-on-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 24px;font-family:var(--font-body);font-size:15px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;height:44px}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);color:var(--color-text-on-primary);transform:scale(1.02) translateY(-1px);box-shadow:var(--shadow-primary-hover)}.btn-primary:focus{outline:none;box-shadow:var(--shadow-primary),0 0 0 3px #e4ae5140}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-section-muted);transform:scale(1.02)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);padding:12px 16px}.btn-ghost:hover{color:var(--color-text-primary);background-color:var(--color-bg-section-muted)}.btn-large{padding:14px 28px;font-size:16px;height:52px}.card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.card-elevated{box-shadow:var(--shadow-xl)}.card-hero{border-radius:var(--radius-2xl);padding:var(--space-xl)}.badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:500}.badge-primary{background-color:var(--color-primary-soft);color:var(--color-primary)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.input{width:100%;padding:12px 16px;font-size:15px;font-family:var(--font-body);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);color:var(--color-text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e4ae5126}.input-pill{border-radius:var(--radius-pill);padding-left:20px;padding-right:20px}.anim-hidden{opacity:0;visibility:hidden}.anim-fade-up{opacity:0;transform:translateY(20px)}.anim-fade-in{opacity:0}.anim-scale-in{opacity:0;transform:scale(.96)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--nav-height: 64px;--nav-height-scrolled: 56px}.section{padding:var(--space-3xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-md)}}.section-title{text-align:center;margin-bottom:var(--space-2xl)}.section-title h2{margin-bottom:var(--space-md)}.section-title p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:17px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink{animation:blink .8s infinite}[id]{scroll-margin-top:calc(var(--nav-height) + 20px)}::selection{background-color:var(--color-primary-muted);color:var(--color-text-primary)}.phonetic-showcase{display:flex;gap:var(--space-sm);flex-wrap:wrap}.phonetic-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);font-weight:600;font-size:14px}.phonetic-vowel{color:#dc2626;background:#fee2e2}.phonetic-long-vowel{color:#d97706;background:#fef3c7}.phonetic-special-vowel{color:#db2777;background:#fce7f3}.phonetic-consonant{color:#2563eb;background:#dbeafe}.phonetic-special-consonant{color:#4f46e5;background:#e0e7ff}.phonetic-hacik{color:#059669;background:#d1fae5}.phonetic-soft{color:#0d9488;background:#ccfbf1}.phonetic-diphthong{color:#9333ea;background:#f3e8ff}.phonetic-syllabic{color:#ea580c;background:#fff7ed}