@font-face{font-family:Poppins;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/Poppins-Light.ttf)format("truetype")}@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Poppins-Regular.ttf)format("truetype")}@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Poppins-Medium.ttf)format("truetype")}@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype")}@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Poppins-Bold.ttf)format("truetype")}@font-face{font-family:Poppins;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/Poppins-ExtraBold.ttf)format("truetype")}:root{--navy-50:#eef3f6;--navy-100:#d6e2ea;--navy-200:#a9c2d2;--navy-300:#6f93a8;--navy-400:#3d6379;--navy-500:#1c4359;--navy-600:#0d374c;--navy-700:#002b45;--navy-900:#001825;--orange-50:#fff5e8;--orange-100:#ffe6c7;--orange-200:#ffd29c;--orange-300:#ffb85e;--orange-400:#ffa12e;--orange-500:#ff8c00;--orange-600:#e07a00;--orange-700:#b86200;--orange-800:#8f4c00;--orange-900:#6b3900;--neutral-0:#fff;--neutral-50:#faf9f6;--neutral-100:#f5f3ef;--neutral-200:#e9e6df;--neutral-300:#d9d5cc;--neutral-400:#b8b3a8;--neutral-500:#8c8779;--neutral-600:#66625a;--neutral-700:#474440;--neutral-800:#2a2825;--neutral-900:#161512;--cream:#f6f4ee;--blue-500:#0052cc;--green-500:#28a745;--yellow-500:gold;--red-500:#d92d20;--brand-navy:var(--navy-700);--accent:var(--orange-500);--accent-on:#fff;--link:var(--blue-500);--success:var(--green-500);--success-soft:#e6f4ea;--warning:var(--yellow-500);--warning-soft:#fff8d6;--danger:var(--red-500);--surface-page:var(--neutral-50);--surface-card:#fff;--surface-cream:var(--cream);--surface-sunken:var(--neutral-100);--surface-deep:var(--navy-700);--text-strong:var(--neutral-900);--text-body:var(--neutral-800);--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--text-inverse:#fff;--text-on-navy:#ffffffeb;--text-accent:var(--orange-600);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:28px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--shadow-xs:0 1px 2px #1615120d;--shadow-sm:0 2px 10px #1615120f;--shadow-md:0 8px 22px #16151217;--shadow-lg:0 16px 40px #16151224;--shadow-accent:0 8px 22px #ff8c0057;--shadow-navy:0 8px 22px #002b4542;--font-sans:"Poppins","Tajawal",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--font-display:var(--font-sans);--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-body:1.6;--ls-tight:-.02em;--ls-overline:.08em;--dur-fast:.15s;--dur-base:.25s;--ease-out:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);background:var(--surface-page);color:var(--text-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}button{font-family:inherit}.ln{background:var(--surface-page)}.ln-nav{z-index:20;padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;display:flex;position:sticky;top:0}.ln-nav img{height:30px}.ln-hero{background:radial-gradient(1200px 600px at 80% -10%, var(--navy-500), var(--navy-700) 60%);color:var(--text-on-navy);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);position:relative;overflow:hidden}.ln-hero-inner{max-width:820px;padding:var(--space-12) var(--space-6) var(--space-16);text-align:center;margin:0 auto}.ln-hero img.logo{height:44px;margin-bottom:var(--space-6)}.ln-eyebrow{border-radius:var(--radius-pill);color:var(--orange-300);font-weight:var(--fw-bold);letter-spacing:.01em;margin-bottom:var(--space-4);background:#ff8c0029;padding:6px 14px;font-size:13px;display:inline-block}.ln-h1{font-size:42px;line-height:1.15;font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tight);color:#fff;margin:0 0 var(--space-4)}.ln-h1 .accent{color:var(--orange-400)}.ln-lead{color:#ffffffd9;max-width:620px;margin:0 auto var(--space-8);font-size:18px}.ln-cta-row{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.ln-stats{gap:var(--space-8);margin-top:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.ln-stat b{font-size:26px;font-weight:var(--fw-extrabold);color:#fff;display:block}.ln-stat span{color:#ffffffb3;font-size:13px}.ln-section{max-width:1080px;padding:var(--space-16) var(--space-6);margin:0 auto}.ln-section-head{text-align:center;max-width:640px;margin:0 auto var(--space-12)}.ln-kicker{font-size:13px;font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-accent)}.ln-h2{font-size:32px;font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tight);color:var(--text-strong);margin:8px 0 6px}.ln-sub{color:var(--text-muted);font-size:16px}.ln-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.ln-feature{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.ln-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.ln-ficon{border-radius:var(--radius-lg);background:var(--orange-50);width:52px;height:52px;margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:26px;display:flex}.ln-feature h3{font-size:18px;font-weight:var(--fw-bold);color:var(--text-strong);margin:0 0 6px}.ln-feature p{color:var(--text-muted);margin:0;font-size:15px}.ln-steps{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.ln-step{text-align:center}.ln-step-num{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-pill);background:var(--brand-navy);color:#fff;font-size:22px;font-weight:var(--fw-extrabold);justify-content:center;align-items:center;display:flex}.ln-step h3{font-size:18px;font-weight:var(--fw-bold);color:var(--text-strong);margin:0 0 6px}.ln-step p{color:var(--text-muted);margin:0;font-size:15px}.ln-levels{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.ln-level{min-width:120px;padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;border:2px solid var(--border-subtle);background:var(--surface-card)}.ln-level b{font-size:24px;font-weight:var(--fw-extrabold);color:var(--brand-navy);display:block}.ln-level span{color:var(--text-muted);font-size:13px}.ln-level.hot{border-color:var(--orange-300);background:var(--orange-50)}.ln-price-wrap{max-width:460px;margin:0 auto}.ln-price{background:var(--surface-card);border:2px solid var(--orange-300);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-md)}.ln-price .tag{background:var(--success-soft);color:#14622b;border-radius:var(--radius-pill);font-weight:var(--fw-bold);padding:6px 14px;font-size:13px;display:inline-block}.ln-price .amount{font-size:44px;font-weight:var(--fw-extrabold);color:var(--text-strong);margin:var(--space-4) 0 2px}.ln-price .amount small{color:var(--text-muted);font-size:16px;font-weight:var(--fw-medium)}.ln-price ul{margin:var(--space-6) 0;text-align:start;gap:10px;padding:0;list-style:none;display:grid}.ln-price li{color:var(--text-body);font-size:15px}.ln-price li:before{content:"✓";color:var(--success);margin-inline-end:8px;font-weight:800}.ln-final{background:radial-gradient(900px 400px at 20% 120%, var(--orange-600), var(--navy-700) 55%);color:#fff;text-align:center;border-radius:var(--radius-2xl);max-width:1080px;margin:0 auto var(--space-16);padding:var(--space-16) var(--space-6)}.ln-final h2{font-size:32px;font-weight:var(--fw-extrabold);color:#fff;margin:0 0 var(--space-4)}.ln-final p{color:#ffffffd9;margin:0 0 var(--space-8)}.ln-footer{text-align:center;padding:var(--space-8);color:var(--text-subtle);border-top:1px solid var(--border-subtle);font-size:14px}@media (width<=760px){.ln-h1{font-size:32px}.ln-grid,.ln-steps{grid-template-columns:1fr}}.tl-app{background:var(--surface-page);min-height:100vh}.tl-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);background:#ffffffd9;display:flex;position:sticky;top:0}.tl-header img{width:auto;height:30px}.tl-chips{gap:var(--space-2);display:flex}.tl-chip{border-radius:var(--radius-pill);background:var(--surface-sunken);border:1px solid var(--border-subtle);font-weight:var(--fw-bold);color:var(--text-strong);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.tl-container{max-width:720px;padding:var(--space-6) var(--space-4) var(--space-24);margin:0 auto}.tl-eyebrow{font-size:12px;font-weight:var(--fw-bold);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--text-accent)}.tl-h1{font-size:30px;font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tight);color:var(--text-strong);margin:6px 0 2px}.tl-sub{color:var(--text-muted);font-size:15px}.tl-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-top:var(--space-4)}.tl-lesson-card{align-items:center;gap:var(--space-4);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:flex}.tl-lesson-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tl-lesson-num{border-radius:var(--radius-md);background:var(--orange-50);width:46px;height:46px;color:var(--orange-600);font-weight:var(--fw-extrabold);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.tl-lesson-card.done .tl-lesson-num{background:var(--success-soft);color:var(--success)}.tl-teach{background:var(--surface-cream);border-color:#ece7db}.tl-teach-line{padding:4px 0;display:block}.tl-en{direction:ltr;unicode-bidi:isolate}.tl-vocab-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px dashed var(--border-subtle);display:flex}.tl-vocab-row:last-child{border-bottom:none}.tl-vocab-en{font-weight:var(--fw-semibold);color:var(--text-strong);direction:ltr;font-size:17px}.tl-vocab-ipa{color:var(--text-subtle);direction:ltr;font-size:13px}.tl-vocab-ar{color:var(--text-muted);font-size:15px}.tl-speak{border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-card);cursor:pointer;width:42px;height:42px;color:var(--brand-navy);transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.tl-speak:hover{background:var(--orange-50);border-color:var(--orange-300);transform:scale(1.06)}.tl-speak:active{transform:scale(.94)}.tl-speak.big{width:88px;height:88px;box-shadow:var(--shadow-accent);background:var(--accent);color:#fff;border-color:#0000;font-size:34px}.tl-progress{border-radius:var(--radius-pill);background:var(--surface-sunken);height:12px;margin-bottom:var(--space-4);overflow:hidden}.tl-progress-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-base) var(--ease-out)}.tl-options{gap:var(--space-3);margin-top:var(--space-4);display:grid}.tl-option{text-align:center;border-radius:var(--radius-lg);border:2px solid var(--border-default);background:var(--surface-card);font-weight:var(--fw-semibold);color:var(--text-strong);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);direction:ltr;padding:16px 18px;font-size:17px}.tl-option:hover:not(:disabled){border-color:var(--orange-300);background:var(--orange-50)}.tl-option.correct{border-color:var(--success);background:var(--success-soft);color:#14622b}.tl-option.wrong{border-color:var(--danger);color:#8f1a13;background:#fdeceb}.tl-option:disabled{cursor:default}.tl-build{border-radius:var(--radius-lg);background:var(--surface-sunken);border:2px dashed var(--border-default);min-height:60px;margin-top:var(--space-4);direction:ltr;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.tl-bank{margin-top:var(--space-3);direction:ltr;flex-wrap:wrap;gap:8px;display:flex}.tl-word{border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-card);font-weight:var(--fw-semibold);color:var(--text-strong);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:10px 16px;font-size:16px}.tl-word:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tl-match{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.tl-match-col{gap:var(--space-3);align-content:start;display:grid}.tl-match-item{border-radius:var(--radius-lg);border:2px solid var(--border-default);background:var(--surface-card);font-weight:var(--fw-semibold);cursor:pointer;text-align:center;transition:all var(--dur-fast) var(--ease-out);padding:14px;font-size:16px}.tl-match-item.en{color:var(--text-strong);direction:ltr}.tl-match-item.sel{border-color:var(--accent);background:var(--orange-50)}.tl-match-item.done{border-color:var(--success);background:var(--success-soft);color:#14622b;cursor:default;opacity:.7}.tl-feedback{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);font-weight:var(--fw-semibold)}.tl-feedback.correct{background:var(--success-soft);color:#14622b}.tl-feedback.wrong{color:#8f1a13;background:#fdeceb}.tl-input{width:100%;font-size:18px;font-family:var(--font-sans);border:2px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-strong);margin-top:var(--space-4);direction:ltr;padding:16px 18px}.tl-input:focus{border-color:var(--accent);outline:none}.tl-hint{margin-top:var(--space-3);color:var(--text-muted);font-size:14px}.tl-hint b{color:var(--text-accent);cursor:pointer}.tl-row{gap:var(--space-3);align-items:center;display:flex}.tl-mt{margin-top:var(--space-6)}.tl-center{text-align:center}.tl-tip{margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--orange-50);border:1px solid var(--orange-200);color:var(--text-body);padding:12px 14px;font-size:14px}.tl-tip b{color:var(--text-accent)}.tl-vocab-ex{color:var(--text-muted);margin-top:4px;font-size:13px}.tl-vocab-ex .tl-en{color:var(--text-body);font-weight:500}.tl-vocab-ex-ar{color:var(--text-subtle)}.tl-dia-speaker{font-size:12px;font-weight:var(--fw-bold);color:var(--text-accent);margin-bottom:2px}.tl-lesson-card.locked:hover{box-shadow:var(--shadow-sm);transform:none}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tl-pop{animation:pop var(--dur-base) var(--ease-out)}