:root{--bg:#070b18;--bg-2:#0d1326;--surface:#ffffff0f;--surface-2:#ffffff1a;--border:#ffffff21;--text:#f4f1ea;--mute:#9aa3b8;--gold:#e0b252;--cam:#fc5d0d;--teal:#22c3a6;--blue:#4c8dff;--red:#f0525f;--purple:#9b7bff;--shadow:0 24px 60px #00000061;--radius:20px;--stage-glow-1:#a3123a52;--stage-glow-2:#4c8dff2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f3ec;--bg-2:#fff;--surface:#0a14280a;--surface-2:#0a142814;--border:#0a14281f;--text:#141a2b;--mute:#5b6478;--gold:#a87414;--cam:#d4470a;--teal:#0f8f79;--blue:#2d6be0;--red:#cc3341;--purple:#6f4fd6;--shadow:0 14px 40px #141a2b1f;--stage-glow-1:#a3123a14;--stage-glow-2:#4c8dff1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Cairo,system-ui,sans-serif;line-height:1.5}:lang(ar),[dir=rtl]{font-family:Cairo,Inter,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2,h3,h4{margin:0;line-height:1.25}.muted{color:var(--mute)}.error{color:var(--red)}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:10px max(16px,50vw - 660px);display:flex;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--gold), var(--cam));color:#10131f;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Cairo;font-weight:900;display:grid}.topbar-tag{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.page{max-width:1320px;margin:0 auto;padding:24px 16px 64px}.btn{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn.primary{background:var(--gold);border-color:var(--gold);color:#141007}.btn.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--gold)}.btn.ghost{background:0 0}.link{color:var(--gold);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-weight:600;display:inline-flex}.chip{background:var(--surface-2);color:var(--mute);border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}.hero{padding:32px 0 24px}.hero h1{letter-spacing:-.02em;font-size:clamp(36px,6vw,60px);font-weight:900}.hero-ar{color:var(--gold);margin-inline-start:8px;font-family:Cairo}.hero p{color:var(--mute);margin:8px 0 0;font-size:18px}.course{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.course-head{align-items:center;gap:16px;margin-bottom:16px;display:flex}.course-head h3{font-size:24px}.course-head p{margin:2px 0 0}.chapter h4{align-items:center;gap:10px;margin:8px 0 12px;font-size:17px;display:flex}.chapter-num{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:900}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.lesson-card{text-align:start;border:1px solid var(--border);background:var(--bg-2);border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 14px;padding:16px;transition:transform .15s,border-color .15s;display:grid;position:relative}.lesson-card:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.lesson-card:disabled{opacity:.55}.lesson-num{background:color-mix(in srgb, var(--gold) 18%, transparent);width:40px;height:40px;color:var(--gold);border-radius:50%;grid-row:span 2;place-items:center;font-weight:800;display:grid}.lesson-title{font-weight:700}.lesson-meta{grid-column:2;font-size:13px}.lesson-go{color:var(--gold);grid-area:1/3/span 2}.crumbs{margin-bottom:8px}.lesson-head{margin-bottom:16px}.lesson-head h1{font-size:clamp(22px,3vw,32px);font-weight:800}.player{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}@media (width<=1000px){.player{grid-template-columns:minmax(0,1fr)}}.stage{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(900px 500px at 15% 0%, var(--stage-glow-1), transparent 60%), radial-gradient(800px 500px at 100% 100%, var(--stage-glow-2), transparent 60%), linear-gradient(#ffffff06 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 48px 48px, var(--bg-2);min-height:clamp(440px,52vw,640px);box-shadow:var(--shadow);position:relative;overflow:hidden}.scene{padding:clamp(18px,3vw,36px) clamp(18px,3vw,36px) 110px;animation:.5s both sceneIn}@keyframes sceneIn{0%{opacity:0;transform:translateY(10px)}}.scene-head{align-items:center;gap:14px;margin-bottom:clamp(16px,2.4vw,28px);display:flex}.scene-head h2{font-size:clamp(22px,3vw,36px);font-weight:900}.scene-num{background:radial-gradient(circle at 35% 30%, #f3cf7a, var(--gold));color:#1a1205;width:52px;height:52px;box-shadow:0 0 28px color-mix(in srgb, var(--gold) 45%, transparent);border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid}.gloss{color:var(--gold);margin-top:2px;font-size:.86em;font-weight:600;display:block}.gloss.big{font-size:17px}.blocks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.slot{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.9,.3,1.2);transform:translateY(14px)scale(.985)}.slot.wide{grid-column:1/-1}.slot.in{opacity:1;transform:none}.slot.fresh .block{border-color:color-mix(in srgb, var(--cam) 70%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--cam) 18%, transparent), var(--shadow)}.block{border:1.5px solid var(--border);background:linear-gradient(160deg, var(--surface-2), var(--surface));border-radius:18px;height:100%;padding:18px 20px;transition:border-color .6s,box-shadow .6s}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--gold);align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.term{font-size:clamp(18px,1.8vw,22px);font-weight:800}.definition .term{color:var(--text);margin:6px 0;font-size:clamp(22px,2.6vw,30px)}.exam-wording{margin:0;font-size:clamp(17px,1.8vw,22px);line-height:1.55}.term-tile{align-items:center;gap:14px;display:flex}.tile-icon{width:54px;height:54px;color:var(--teal);background:color-mix(in srgb, var(--teal) 14%, transparent);border:1.5px solid color-mix(in srgb, var(--teal) 40%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.tile-icon.big{width:64px;height:64px;color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);border-color:color-mix(in srgb, var(--gold) 40%, transparent)}.item-body{flex-direction:column;min-width:0;display:flex}.list{gap:10px;margin:0;list-style:none;display:grid}.item{align-items:baseline;gap:12px;font-size:clamp(16px,1.5vw,19px);font-weight:600;display:flex}.item-mark{color:var(--cam);flex:none;min-width:1.2em;font-weight:900}.formula-tex{color:var(--gold);text-align:center;padding:8px 0;font-size:clamp(22px,3vw,36px);font-weight:800}.legend{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 20px;margin:10px 0 0;display:grid}.legend dt{font-weight:800}.legend dd{color:var(--mute);margin:0}.example-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.stat{background:var(--surface);border-radius:14px;flex-direction:column;min-width:140px;padding:12px 18px;display:flex}.stat-value{color:var(--blue);font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.1}.stat-label{color:var(--mute);font-size:13px;font-weight:600}.stat.result .stat-value{color:var(--teal)}.example-arrow{color:var(--mute);font-size:28px}.flow{align-items:stretch;gap:12px;margin:0;list-style:none;display:flex}.flow-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;padding:0 6px;font-weight:700;display:flex;position:relative}.flow-step+.flow-step:before{content:"→";inset-inline-start:-14px;color:var(--cam);font-weight:900;position:absolute;top:16px}[dir=rtl] .flow-step+.flow-step:before{content:"←"}.compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}.compare-side{background:var(--surface);border-radius:14px;padding:14px 16px}.compare-side ul{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.compare-title{font-size:17px;font-weight:900}.side-0 .compare-title{color:var(--teal)}.side-1 .compare-title{color:var(--red)}.note{align-items:flex-start;gap:12px;font-weight:600;display:flex}.note.tone-info{color:var(--blue)}.note.tone-warn{color:var(--cam)}.note.tone-exam{color:var(--teal)}.note .en{color:var(--text);font-size:clamp(15px,1.4vw,18px)}@media (width<=640px){.flow{flex-direction:column}.flow-step{text-align:start;flex-direction:row}.flow-step+.flow-step:before{content:"↓";inset-inline-start:18px;top:-16px}[dir=rtl] .flow-step+.flow-step:before{content:"↓"}.compare{grid-template-columns:1fr}}.captions{text-align:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);unicode-bidi:plaintext;background:#040710c7;border:1px solid #ffffff14;border-radius:16px;width:min(92%,980px);padding:10px 22px;font-size:clamp(16px,1.7vw,21px);font-weight:700;line-height:1.6;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.captions .w{color:#ffffff9e;transition:color .12s}.captions .w.past{color:#fff}.captions .w.on{color:var(--gold)}.big-play{background:color-mix(in srgb, var(--bg) 70%, transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:max-content;height:max-content;margin:auto;padding:26px 34px;font-size:18px;font-weight:800;display:flex;position:absolute;inset:0}.big-play svg{color:var(--gold)}.overlay{z-index:5;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;animation:.3s both sceneIn;display:grid;position:absolute;inset:0;overflow:auto}.checkpoint,.summary{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:min(720px,100%);box-shadow:var(--shadow);padding:clamp(18px,3vw,28px)}.summary{text-align:center;justify-items:center;gap:8px;display:grid}.summary svg{color:var(--gold)}.summary-score{margin:0;font-size:20px;font-weight:800}.cp-question{margin:10px 0 16px;font-size:clamp(18px,2vw,22px);font-weight:700}.cp-options{gap:10px;display:grid}.cp-options.tf{grid-template-columns:1fr 1fr}.cp-option{text-align:start;border:1.5px solid var(--border);background:var(--surface);border-radius:14px;padding:14px 16px;font-weight:600}.cp-option:hover:not(:disabled){border-color:var(--gold)}.cp-option.right{border-color:var(--teal);background:color-mix(in srgb, var(--teal) 16%, transparent)}.cp-option.wrong{border-color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.cp-option.dim{opacity:.5}.cp-numeric{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cp-numeric input{border:1.5px solid var(--border);background:var(--surface);width:160px;color:var(--text);border-radius:12px;padding:12px 14px;font-size:20px;font-weight:700}.cp-numeric input:focus{outline:2px solid var(--gold);outline-offset:1px}.unit{color:var(--mute);font-weight:800}.cp-feedback{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.cp-feedback p{margin:8px 0}.cp-verdict{flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.cp-feedback.ok .cp-verdict{color:var(--teal)}.cp-feedback.bad .cp-verdict{color:var(--red)}.cp-answer{color:var(--text);font-size:15px;font-weight:600}.cp-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.skip{color:var(--mute);margin-top:12px}.controls{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:8px 10px;display:flex}.ctl{background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:8px 10px;display:inline-flex}.ctl:hover:not(:disabled){background:var(--surface-2)}.ctl.play{background:var(--gold);color:#141007;border-radius:50%;justify-content:center;width:44px;height:44px}.ctl.toggle{color:var(--mute)}.ctl.toggle.on{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 40%, transparent)}.ctl-label{font-family:Cairo;font-weight:900}.ctl.speed{background:var(--surface-2);color:var(--text);border:1px solid var(--border);font-weight:700}.time{font-variant-numeric:tabular-nums;color:var(--mute);min-width:92px;font-size:14px;font-weight:700}.scrubber{flex:1;align-items:center;min-width:160px;height:28px;display:flex;position:relative}.scrubber input{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--gold) var(--p), var(--surface-2) var(--p));border-radius:99px;width:100%;height:6px;margin:0}.scrubber input::-webkit-slider-thumb{appearance:none;background:var(--text);width:16px;height:16px;box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 35%, transparent);border-radius:50%}.scrubber input::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:16px;height:16px}.tick{background:var(--bg);pointer-events:none;width:2px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.cp-tick{background:var(--cam);pointer-events:none;border-radius:2px;width:10px;height:10px;position:absolute;top:2px;transform:translate(-50%)rotate(45deg)}.cp-tick.ok{background:var(--teal)}.cp-tick.bad{background:var(--red)}@media (width<=640px){.scrubber{flex-basis:100%;order:10}.time{flex:1;min-width:0}}.outline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;position:sticky;top:76px}.outline h3{text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:4px 6px 10px;font-size:13px}.outline ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.outline li>button{text-align:start;background:0 0;border:0;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 8px;display:grid}.outline li>button:hover{background:var(--surface-2)}.outline li>button.current{background:color-mix(in srgb, var(--gold) 14%, transparent)}.outline li>button.current .o-num{background:var(--gold);color:#141007}.outline li>button.seen .o-num{color:var(--teal)}.o-num{background:var(--surface-2);border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.o-title{font-size:14px;font-weight:600}.o-time{color:var(--mute);font-variant-numeric:tabular-nums;font-size:12px}.o-concepts{flex-wrap:wrap;gap:6px;padding:2px 8px 8px 46px;display:flex}@media (width<=1000px){.outline{position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.illustration{gap:8px;margin:0;padding:14px 16px;display:grid}.lesson-art{width:100%;height:auto;max-height:300px;display:block}.illustration figcaption{text-align:center;font-size:clamp(14px,1.3vw,16px);font-weight:700;display:grid}.lesson-art .a-pop,.lesson-art .a-grow,.lesson-art .a-rise{opacity:0}.lesson-art .a-draw{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.slot.in .lesson-art .a-pop{animation:artPop .55s cubic-bezier(.2, .9, .3, 1.3) var(--d,0s) forwards;transform-box:fill-box;transform-origin:50%}.slot.in .lesson-art .a-draw{animation:artDraw .9s ease var(--d,0s) forwards}.slot.in .lesson-art .a-grow{animation:artGrow .8s ease var(--d,0s) forwards;transform-box:fill-box;transform-origin:0}.slot.in .lesson-art .a-rise{animation:artRise 1s ease var(--d,0s) forwards;transform-box:fill-box;transform-origin:bottom}.slot.in .lesson-art .a-tilt{animation:artTilt 1.1s cubic-bezier(.3, 1.4, .5, 1) var(--d,0s) forwards}@keyframes artPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes artDraw{0%{opacity:0}25%{opacity:1}to{opacity:1;stroke-dashoffset:0}}@keyframes artGrow{0%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:none}}@keyframes artRise{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:none}}@keyframes artTilt{0%{transform:rotate(0)}to{transform:rotate(var(--rot,0deg))}}@media (prefers-reduced-motion:reduce){.lesson-art .a-pop,.lesson-art .a-grow,.lesson-art .a-rise{opacity:1}.lesson-art .a-draw{stroke-dashoffset:0;opacity:1}.lesson-art .a-tilt{transform:rotate(var(--rot,0deg))}}.gloss.lead{color:var(--text);margin-top:4px;font-size:1.12em;font-weight:800}.mode-ar .item-body .en,.mode-ar .note .en,.mode-ar .term-tile .term,.mode-ar .flow-step .en{opacity:.78;font-size:.86em}.exam-wording.small-en{color:var(--mute);margin-top:8px;font-size:clamp(14px,1.3vw,16px)}.exam-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-inline-end:6px;font-size:11px;font-weight:800;display:inline-block}.lang-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.lang-switch button{color:var(--mute);white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:6px 10px;font-size:13px;font-weight:700}.lang-switch button.on{background:var(--gold);color:#141007}.lang-switch button:disabled{opacity:.4;cursor:not-allowed}.gloss.muted-en{color:var(--mute);font-size:.8em}.small{font-size:13px}.center{text-align:center}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.btn{color:inherit;cursor:pointer;justify-content:center;text-decoration:none!important}.btn.sm{padding:7px 14px;font-size:14px}.btn.lg{padding:13px 24px;font-size:16px}.btn.block{width:100%}.btn.danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 45%, transparent)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--red) 12%, transparent)}.btn:disabled{opacity:.55}.icon-btn{width:36px;height:36px;color:var(--mute);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1.5px solid var(--border);border-radius:12px;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--gold) 70%, transparent);outline-offset:1px;border-color:#0000}input:disabled{opacity:.65}input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold);flex:none}code{background:var(--surface-2);border-radius:8px;padding:2px 8px;font-family:Consolas,SFMono-Regular,monospace;font-size:.92em}.public{flex-direction:column;min-height:100vh;display:flex}.pub-nav{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:12px max(16px,50vw - 600px);display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:10px;font-size:20px;font-weight:900;display:inline-flex;text-decoration:none!important}.pub-links{flex:1;gap:18px;display:flex}.pub-links a{color:var(--mute);font-weight:600}.pub-links a:hover{color:var(--text);text-decoration:none}.pub-actions{align-items:center;gap:8px;display:flex}@media (width<=720px){.pub-links{display:none}.pub-nav{gap:8px}.pub-actions{margin-inline-start:auto}.pub-actions .btn.sm{padding:7px 11px}.lang-label{display:none}}.hero2{grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:56px 16px 32px;display:grid}.eyebrow{background:color-mix(in srgb, var(--gold) 14%, transparent);color:var(--gold);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.hero2 h1{letter-spacing:-.02em;margin:16px 0;font-size:clamp(36px,5.4vw,64px);font-weight:900;line-height:1.08}.grad{background:linear-gradient(90deg, var(--gold), var(--cam));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--mute);max-width:560px;font-size:18px}.hero2-cta{flex-wrap:wrap;gap:12px;margin:24px 0 18px;display:flex}.hero2-proof{color:var(--mute);flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:15px;font-weight:600;list-style:none;display:flex}.hero2-proof li{align-items:center;gap:6px;display:inline-flex}.hero2-proof svg{color:var(--teal)}.hero2-art{width:100%;height:auto;max-height:520px}@media (width<=900px){.hero2{grid-template-columns:1fr;padding-top:32px}.hero2-art{order:-1;max-height:380px}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-a{animation:6s ease-in-out infinite floatY}.float-b{animation:7s ease-in-out -2s infinite floatY}.float-c{animation:5.5s ease-in-out -1s infinite floatY}.features,.how,.catalog-preview,.pricing,.final-cta{width:100%;max-width:1200px;margin:0 auto;padding:40px 16px}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.feature{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:22px}.feature h3{margin:12px 0 6px;font-size:18px}.feature p{margin:0}.feature-ic{background:color-mix(in srgb, var(--gold) 16%, transparent);width:52px;height:52px;color:var(--gold);border-radius:16px;place-items:center;display:inline-grid}.section-h{text-align:center;margin-bottom:24px;font-size:clamp(26px,3.4vw,38px);font-weight:900}.how-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.how-step{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:20px;position:relative}.how-step h3{margin:10px 0 4px}.how-step p{margin:0}.step-art{width:100%;height:auto;max-height:140px}.step-n{top:14px;background:var(--gold);color:#141007;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid;position:absolute;inset-inline-end:16px}.course-strip{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:16px;padding:18px;display:flex}.course-strip-body{flex:1;min-width:200px}.course-strip p{margin:2px 0 0}.final-cta{text-align:center;padding:56px 16px 72px}.final-cta h2{margin-bottom:18px;font-size:clamp(26px,3.4vw,40px);font-weight:900}.pub-footer{border-top:1px solid var(--border);gap:6px;margin-top:auto;padding:28px max(16px,50vw - 600px);display:grid}.pub-footer p{margin:0}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;gap:16px;margin-top:12px;display:grid}.plan-card{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface);flex-direction:column;gap:12px;height:100%;padding:24px;display:flex;position:relative}.plan-card.highlight{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb, var(--gold) 14%, transparent), var(--shadow)}.plan-card.current{border-color:var(--teal)}.plan-card h3{font-size:19px}.plan-ribbon{top:-12px;background:var(--gold);color:#141007;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:900;position:absolute;inset-inline-end:18px}.plan-price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plan-price .amount{font-size:40px;font-weight:900;line-height:1}.plan-price .unit{color:var(--mute);font-weight:600}.plan-features{gap:8px;margin:0 0 auto;padding:0;list-style:none;display:grid}.plan-features li{align-items:flex-start;gap:8px;display:flex}.plan-features svg{color:var(--teal);flex:none;margin-top:3px}.plan-card>.badge{align-self:flex-start}.plan-admin.inactive .plan-card{opacity:.6}.plan-admin-meta{align-items:center;gap:8px;margin-top:8px;display:flex}.auth{grid-template-columns:1fr 440px;align-items:center;gap:40px;width:100%;max-width:1100px;margin:0 auto;padding:40px 16px 64px;display:grid}.auth-art{text-align:center}.auth-art h2{margin-top:8px;font-size:28px;font-weight:900}.auth-illus{width:100%;max-width:420px;height:auto}.auth-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);gap:14px;padding:28px;display:grid}.auth-card h1{font-size:28px;font-weight:900}.auth-card>p{margin:-6px 0 4px}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-art{display:none}}.google-btn{justify-content:center;min-height:44px;display:flex}.or{color:var(--mute);align-items:center;gap:12px;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.field{gap:6px;display:grid}.field-label{font-size:14px;font-weight:700}.field-hint{color:var(--mute);font-size:13px}.field-error,.form-error{color:var(--red);margin:0;font-size:14px;font-weight:600}.form-ok{color:var(--teal);margin:0;font-weight:700}.field.has-error input{border-color:var(--red)}.app{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-inline-end:1px solid var(--border);background:var(--bg-2);flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{justify-content:space-between;align-items:center;padding:0 6px;display:flex}.nav{gap:2px;display:grid}.nav-item{color:var(--mute);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:600;display:flex;text-decoration:none!important}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:color-mix(in srgb, var(--gold) 15%, transparent);color:var(--text)}.nav-item.active svg{color:var(--gold)}.nav-count{background:var(--cam);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-inline-start:auto;padding:0 6px;font-size:12px;font-weight:800;display:grid}.nav-section{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:14px 12px 4px;font-size:12px;font-weight:800}.upsell{background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 20%, transparent), color-mix(in srgb, var(--cam) 12%, transparent));border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:16px;gap:6px;margin-top:auto;padding:16px;display:grid}.upsell svg{color:var(--gold)}.app-main{flex-direction:column;min-width:0;display:flex}.app-top{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 24px;display:flex;position:sticky;top:0}.app-top-spacer{flex:1}.user-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:10px;padding:4px;display:flex}.user-meta{align-items:center;gap:8px;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:14px;font-weight:700;overflow:hidden}.avatar{background:linear-gradient(135deg, var(--gold), var(--cam));color:#141007;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid}.avatar.sm{width:30px;height:30px;font-size:13px}.avatar.lg{width:60px;height:60px;font-size:24px}.app-content{width:100%;max-width:1240px;margin:0 auto;padding:24px}.only-mobile,.scrim{display:none}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{z-index:40;width:280px;transition:transform .25s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%)}[dir=rtl] .sidebar{transform:translate(105%)}.sidebar.open{transform:none}.scrim{z-index:35;background:#00000073;display:block;position:fixed;inset:0}.only-mobile{display:inline-grid}.app-top{padding:8px 12px}.app-content{padding:16px}.user-name{display:none}}.page-stack{gap:20px;display:grid}.page-stack.narrow{max-width:720px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{font-size:clamp(24px,3vw,32px);font-weight:900}.page-head p{margin:4px 0 0}.head-actions{flex-wrap:wrap;gap:8px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:8px 0 0;font-size:14px}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);padding:20px}.card.flush{padding:0;overflow:hidden}.card h2{margin-bottom:12px;font-size:18px;font-weight:800}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.dash-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}@media (width<=900px){.dash-grid{grid-template-columns:1fr}}.continue-card,.plan-status{align-content:start;gap:8px;display:grid}.continue-card h2,.plan-status h2{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:22px;display:flex}.continue-card p,.plan-status p{margin:0 0 6px}.continue-card .btn,.plan-status .btn{justify-self:start}.continue-card{background:linear-gradient(150deg, color-mix(in srgb, var(--stage-glow-1) 80%, transparent), var(--surface))}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.stat-tile{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-ic{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.stat-val{font-size:26px;font-weight:900;line-height:1.1}.stat-lbl{color:var(--mute);font-size:13px;font-weight:600}.stat-hint{color:var(--teal);font-size:12px;font-weight:700}.tone-gold .stat-ic{background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--gold)}.tone-cam .stat-ic{background:color-mix(in srgb, var(--cam) 16%, transparent);color:var(--cam)}.tone-teal .stat-ic{background:color-mix(in srgb, var(--teal) 16%, transparent);color:var(--teal)}.tone-blue .stat-ic{background:color-mix(in srgb, var(--blue) 16%, transparent);color:var(--blue)}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge-muted{background:var(--surface-2);color:var(--mute)}.badge-gold{background:color-mix(in srgb, var(--gold) 20%, transparent);color:var(--gold)}.badge-teal{background:color-mix(in srgb, var(--teal) 18%, transparent);color:var(--teal)}.badge-red{background:color-mix(in srgb, var(--red) 16%, transparent);color:var(--red)}.badge-blue{background:color-mix(in srgb, var(--blue) 18%, transparent);color:var(--blue)}.badge-cam{background:color-mix(in srgb, var(--cam) 18%, transparent);color:var(--cam)}.mastery{gap:14px;margin:0;padding:0;list-style:none;display:grid}.mastery-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.mastery-name{flex:1;font-weight:700}.bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar span{border-radius:99px;height:100%;transition:width .6s;display:block}.bar .ok{background:var(--teal)}.bar .mid{background:var(--gold)}.bar .low{background:var(--red)}.recent{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recent li{align-items:center;gap:10px;display:flex}.recent li span:nth-child(2){flex:1}.ok{color:var(--teal)}.bad{color:var(--red)}.empty{text-align:center;justify-items:center;gap:6px;padding:20px;display:grid}.empty h3{font-size:17px}.empty p{max-width:420px;margin:0}.empty-art{width:150px;height:auto}.spinner-wrap{justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.spinner{border:3px solid var(--surface-2);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{place-items:center;min-height:100vh;display:grid}.center-page{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:60vh;display:grid}.center-page h1{color:var(--gold);font-size:72px;font-weight:900}.notice{background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.notice.ok{background:color-mix(in srgb, var(--teal) 12%, transparent);border-color:color-mix(in srgb, var(--teal) 40%, transparent)}.notice svg{flex:none}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:start;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:800}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.table tr:last-child td{border-bottom:0}.table.hover tbody tr{cursor:pointer}.table.hover tbody tr:hover{background:var(--surface-2)}.who{color:var(--text);align-items:center;gap:10px;display:flex;text-decoration:none!important}.who.big h1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.who.big p{margin:2px 0 0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.search{border:1.5px solid var(--border);background:var(--bg-2);border-radius:12px;flex:1;align-items:center;gap:8px;min-width:min(360px,100%);max-width:460px;padding:0 12px;display:flex}.search svg{color:var(--mute)}.search input{background:0 0;border:0;outline:none;padding:10px 0}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tab{color:var(--mute);background:0 0;border:0;border-radius:10px;padding:7px 14px;font-weight:700}.tab.on{background:var(--gold);color:#141007}.mini-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.mini-list li{align-items:center;gap:10px;display:flex}.mini-body{flex:1;display:grid}.bars{align-items:flex-end;gap:6px;height:160px;padding-top:18px;display:flex}.bars-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bars-bar{background:linear-gradient(180deg, var(--gold), var(--cam));border-radius:6px 6px 2px 2px;width:100%;max-width:26px;min-height:3px}.bars-val{color:var(--mute);min-height:14px;font-size:11px;font-weight:800}.bars-lbl{color:var(--mute);font-size:11px}.request-list{gap:12px;display:grid}.request{gap:14px;display:grid}.request-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.request-facts{flex-wrap:wrap;gap:22px;margin:0;display:flex}.request-facts dt{color:var(--mute);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.request-facts dd{margin:2px 0 0;font-weight:700}.request-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.request-actions input{flex:1;min-width:200px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04071099;place-items:center;padding:16px;animation:.2s both sceneIn;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid}.modal.wide{width:min(760px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-head h2{font-size:20px;font-weight:900}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.sub-h{margin-top:4px;font-size:15px}.feature-row{grid-template-columns:1fr 1fr auto;gap:8px;display:grid}.switch-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.switch-row>span{gap:2px;display:grid}.switch-row select{width:auto}.form-card{gap:12px;display:grid}.cp-actions.start{justify-content:flex-start}.cp-actions.center{justify-content:center}.sub-status{align-items:center;gap:16px;display:flex}.sub-status h2{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.sub-status p{margin:4px 0 0}.sub-ic{background:var(--surface-2);width:58px;height:58px;color:var(--mute);border-radius:18px;flex:none;place-items:center;display:grid}.sub-status.pro{border-color:color-mix(in srgb, var(--gold) 45%, transparent);background:linear-gradient(150deg, color-mix(in srgb, var(--gold) 14%, transparent), var(--surface))}.sub-status.pro .sub-ic{background:var(--gold);color:#141007}.pay-steps{gap:16px;margin:0;padding-inline-start:22px;display:grid}.pay-steps li{gap:8px;display:grid}.method-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.method{border:1.5px solid var(--border);background:var(--surface);border-radius:12px;padding:10px;font-weight:700}.method.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.pay-to{background:var(--surface);border:1px dashed var(--border);border-radius:12px;gap:6px;padding:12px;display:grid}.pay-to code{justify-self:start;font-size:18px;font-weight:800}.paywall{text-align:center;justify-items:center;gap:8px;padding:36px 20px;display:grid}.paywall h2{font-size:24px;font-weight:900}.paywall p{max-width:520px;margin:0}.paywall-art{width:180px;height:auto}.lesson-card{color:var(--text)}.lesson-card.locked .lesson-go{color:var(--mute)}.lesson-meta .badge{margin-inline-start:6px}.art-gallery{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;display:grid}.lang-demo,.lesson-preview,.faq,.instructors{width:100%;max-width:1200px;margin:0 auto;padding:40px 16px}.lang-demo-tabs{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 14px;display:grid}.lang-demo-tabs button{text-align:start;border:1.5px solid var(--border);background:var(--surface);border-radius:16px;gap:2px;padding:14px 16px;display:grid}.lang-demo-tabs button span{color:var(--mute);font-size:13px}.lang-demo-tabs button.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent)}@media (width<=720px){.lang-demo-tabs{grid-template-columns:1fr}}.lang-demo-card{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(700px 300px at 0% 0%, var(--stage-glow-1), transparent 60%), var(--bg-2);box-shadow:var(--shadow);grid-template-columns:1fr 1.2fr;gap:18px;padding:22px;display:grid}.lang-demo-def{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-content:start;gap:6px;padding:16px;display:grid}.lang-demo-def h3{font-size:24px;font-weight:900}.lang-demo-def p{margin:0;font-size:17px}.lead-ar{font-weight:800;font-size:19px!important}.lang-demo-art{align-self:center}.lang-demo-lines{grid-column:1/-1;gap:10px;margin:0;padding:0;list-style:none;display:grid}.lang-demo-lines li{background:var(--surface);border-radius:14px;align-items:baseline;gap:10px;padding:10px 14px;font-weight:600;animation:.35s both sceneIn;display:flex}.voice{border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.voice.reader{background:color-mix(in srgb, var(--blue) 18%, transparent);color:var(--blue)}.voice.tutor{background:color-mix(in srgb, var(--teal) 18%, transparent);color:var(--teal)}@media (width<=860px){.lang-demo-card{grid-template-columns:1fr}}.lesson-preview{grid-template-columns:1fr 1.15fr;align-items:center;gap:32px;display:grid}.section-h.start{text-align:start}.lp-points{gap:14px;margin:0;padding:0;list-style:none;display:grid}.lp-points li{align-items:flex-start;gap:12px;display:flex}.lp-points svg{color:var(--gold);flex:none;margin-top:3px}.lp-frame{border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(600px 300px at 100% 0%, var(--stage-glow-2), transparent 60%), var(--bg-2);box-shadow:var(--shadow);gap:12px;padding:18px;display:grid}.lp-head{align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.scene-num.sm{width:36px;height:36px;font-size:16px}.lp-caption{color:#fff;text-align:center;background:#040710c7;border-radius:12px;padding:8px 16px;font-size:15px;font-weight:700}.lp-caption b{color:var(--gold)}.lp-quiz{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.lp-quiz p{margin:6px 0;font-weight:700}.lp-answer{color:var(--teal);align-items:center;gap:6px;font-weight:800;display:inline-flex}@media (width<=900px){.lesson-preview{grid-template-columns:1fr}}.faq{max-width:860px}.faq details{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-bottom:10px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{color:var(--mute);transition:transform .2s}.faq details[open] summary svg{transform:rotate(90deg)}.faq details p{margin:0;padding:0 18px 16px}.instructors{border-radius:var(--radius);background:linear-gradient(140deg, color-mix(in srgb, var(--teal) 16%, transparent), color-mix(in srgb, var(--blue) 12%, transparent));border:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1168px;padding:28px;display:flex}.instructors h2{font-size:26px;font-weight:900}.instructors p{max-width:640px;margin:6px 0 0}.narration-pick{border-bottom:1px solid var(--border);gap:8px;padding-bottom:12px;display:grid}.narration-opt{border:1.5px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.narration-opt.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.narration-opt input{width:18px;height:18px;accent-color:var(--gold);flex:none}.narration-opt>span{display:grid}