:root{--primary:#5146e0;--primary-strong:#3f34c9;--primary-soft:#ecebff;--on-primary:#fff;--secondary:#0d9488;--secondary-soft:#dcf5f1;--accent:#ff6b3d;--accent-strong:#e8552a;--accent-soft:#ffece4;--success:#15803d;--success-soft:#dcfce7;--error:#c62828;--error-soft:#fde4e4;--warning:#b45309;--warning-soft:#fef3c7;--bg:#f6f5f2;--surface:#fff;--surface-2:#f0efeb;--surface-3:#e6e4de;--border:#e2dfd8;--text:#1b1a24;--text-2:#55536a;--text-3:#85839a;--focus:#5146e0;--shadow-1:0 1px 2px #1b1a240f, 0 1px 1px #1b1a240a;--shadow-2:0 6px 24px #1b1a2414, 0 2px 6px #1b1a240d;--radius-s:10px;--radius:16px;--radius-l:24px;--font:var(--font-sans,"Segoe UI"), "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-sans,"Segoe UI"), "Segoe UI", system-ui, -apple-system, sans-serif;--font-scale:1;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#8f86ff;--primary-strong:#a69fff;--primary-soft:#26234a;--on-primary:#14122b;--secondary:#2dd4bf;--secondary-soft:#12302e;--accent:#ff8a62;--accent-strong:#ffa180;--accent-soft:#3a2219;--success:#4ade80;--success-soft:#14301f;--error:#f87171;--error-soft:#3a1a1c;--warning:#fbbf24;--warning-soft:#33280f;--bg:#0f111a;--surface:#171a26;--surface-2:#1e2230;--surface-3:#282d3e;--border:#2b3042;--text:#eeedf5;--text-2:#b4b2c8;--text-3:#8a88a0;--focus:#a69fff;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--primary:#8f86ff;--primary-strong:#a69fff;--primary-soft:#26234a;--on-primary:#14122b;--secondary:#2dd4bf;--secondary-soft:#12302e;--accent:#ff8a62;--accent-strong:#ffa180;--accent-soft:#3a2219;--success:#4ade80;--success-soft:#14301f;--error:#f87171;--error-soft:#3a1a1c;--warning:#fbbf24;--warning-soft:#33280f;--bg:#0f111a;--surface:#171a26;--surface-2:#1e2230;--surface-3:#282d3e;--border:#2b3042;--text:#eeedf5;--text-2:#b4b2c8;--text-3:#8a88a0;--focus:#a69fff;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-motion=reduce]{--dur:0s}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur:0s}}*,:before,:after{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale));-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .5rem;line-height:1.2}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.3rem;font-weight:650}h3{font-size:1.05rem;font-weight:650}p{margin:0 0 .75rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius-s);box-shadow:var(--shadow-2);padding:8px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--text-2)}.faint{color:var(--text-3);font-size:.875rem}.small{font-size:.875rem}.stack{flex-direction:column;gap:1rem;display:flex}.stack-s{flex-direction:column;gap:.5rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.grow{flex:1;min-width:0}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:1.25rem}.card-flat{background:var(--surface-2);border-radius:var(--radius);padding:1rem}.card-link{color:inherit;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur);display:block}.card-link:hover{box-shadow:var(--shadow-2);border-color:color-mix(in srgb, var(--primary) 40%, var(--border));text-decoration:none;transform:translateY(-2px)}.hero-card{color:#fff;border-radius:var(--radius-l);box-shadow:var(--shadow-2);background:linear-gradient(135deg,#4a3fd4 0%,#3b3fb8 55%,#0f766e 100%);border:none;padding:1.5rem}.hero-card .muted,.hero-card .faint{color:#ffffffd1}.btn{min-height:44px;font:inherit;cursor:pointer;transition:background var(--dur), transform .12s var(--ease), box-shadow var(--dur), border-color var(--dur), color var(--dur);background:var(--surface-2);color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-3);text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-strong)}.btn-accent{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-strong)}.btn-accent:hover{background:var(--accent-strong)}.btn-accent:active{box-shadow:0 1px 0 var(--accent-strong);transform:translateY(3px)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-outline{border-color:var(--border);background:0 0}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:color-mix(in srgb, var(--error) 85%, #000)}.btn-s{min-height:34px;padding:.3rem .8rem;font-size:.875rem}.btn-block{width:100%}.icon-btn{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.badge{background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--error-soft);color:var(--error)}.badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.dot{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px}label{font-size:.9rem;font-weight:600}.field{flex-direction:column;gap:.35rem;display:flex}.field-hint{color:var(--text-3);font-size:.8rem}.field-error{color:var(--error);font-size:.85rem}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=time],input[type=datetime-local],select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-s);width:100%;min-height:44px;transition:border-color var(--dur), box-shadow var(--dur);padding:.65rem .8rem}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);outline:none}.check{cursor:pointer;align-items:flex-start;gap:.6rem;font-weight:500;display:flex}.check input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0;margin-top:2px}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.4rem 0;font-weight:500;display:inline-flex;position:relative}.switch input{appearance:none;background:var(--surface-3);cursor:pointer;width:46px;height:28px;transition:background var(--dur);border-radius:999px;flex-shrink:0;margin:0;position:relative}.switch input:after{content:"";width:22px;height:22px;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--primary)}.switch input:checked:after{transform:translate(18px)}.choice-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:.6rem;display:grid}.choice{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;color:var(--text);text-align:left;transition:border-color var(--dur), background var(--dur), transform .12s var(--ease);align-items:center;gap:.7rem;min-height:52px;padding:.85rem 1rem;display:flex}.choice:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 50%, var(--border))}.choice[aria-pressed=true],.choice[aria-checked=true],.choice.selected{border-color:var(--primary);background:var(--primary-soft)}.choice:disabled{opacity:.55;cursor:not-allowed}.choice.correct{border-color:var(--success);background:var(--success-soft)}.choice.wrong{border-color:var(--error);background:var(--error-soft)}.choice .key{border:1.5px solid var(--border);width:26px;height:26px;color:var(--text-3);border-radius:8px;flex-shrink:0;place-items:center;font-size:.8rem;display:inline-grid}.progress{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--primary));height:100%;transition:width .6s var(--ease);display:block}.progress.accent>span{background:linear-gradient(90deg, var(--accent), #ffb547)}.ring{--size:96px;--value:0;width:var(--size);height:var(--size);background:conic-gradient(var(--ring-color,var(--accent)) calc(var(--value) * 1%), var(--surface-3) 0);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ring>div{width:calc(var(--size) - 16px);height:calc(var(--size) - 16px);background:var(--surface);text-align:center;border-radius:50%;place-items:center;font-weight:700;line-height:1.1;display:grid}.stat{flex-direction:column;gap:.15rem;display:flex}.stat strong{font-size:1.5rem;font-family:var(--font-display)}.stat span{color:var(--text-3);font-size:.8rem}.tabs{scrollbar-width:none;gap:.35rem;padding-bottom:2px;display:flex;overflow-x:auto}.tabs button,.tabs a{font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;min-height:40px;padding:.55rem .95rem;font-weight:600}.tabs [aria-selected=true],.tabs .active{background:var(--primary-soft);color:var(--primary)}.alert{border-radius:var(--radius-s);background:var(--surface-2);border-left:4px solid var(--text-3);padding:.8rem 1rem}.alert-info{background:var(--primary-soft);border-color:var(--primary)}.alert-success{background:var(--success-soft);border-color:var(--success)}.alert-error{background:var(--error-soft);border-color:var(--error)}.alert-warning{background:var(--warning-soft);border-color:var(--warning)}table.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .5rem}.table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.table-wrap{overflow-x:auto}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));border-radius:var(--radius-s);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.spinner{border:3px solid var(--surface-3);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.typing span{background:var(--text-3);border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1.2s infinite blink;display:inline-block}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.page-enter{animation:pageIn calc(var(--dur) * 1.4) var(--ease)}@keyframes pageIn{0%{opacity:.6;transform:translateY(6px)}}.pop{animation:pop calc(var(--dur) * 1.6) var(--ease)}@keyframes pop{0%{opacity:.5;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}}.shake{animation:shake calc(var(--dur) * 1.8) var(--ease)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.app{grid-template-columns:248px 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.25rem;height:100dvh;padding:1.25rem .9rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;align-items:center;gap:.6rem;padding:.25rem .6rem 1rem;font-size:1.35rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.nav-link{color:var(--text-2);transition:background var(--dur), color var(--dur);border-radius:14px;align-items:center;gap:.8rem;padding:.7rem .85rem;font-weight:600;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.main{flex-direction:column;min-width:0;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1.5rem;display:flex;position:sticky;top:0}.topbar .chips{align-items:center;gap:.4rem;margin-left:auto;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.9rem;font-weight:700;display:inline-flex}.chip:hover{text-decoration:none}.content{width:100%;max-width:1080px;margin:0 auto;padding:1rem 1.5rem 3rem}.content-narrow{max-width:760px}.bottom-nav{display:none}.offline-banner{background:var(--warning-soft);color:var(--warning);text-align:center;padding:.4rem 1rem;font-size:.875rem;font-weight:600}@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:.5rem 1rem}.content{padding:.75rem 1rem calc(88px + env(safe-area-inset-bottom))}.bottom-nav{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--text-3);border-radius:12px;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem 0;font-size:.7rem;font-weight:600;display:flex}.bottom-nav a:hover{text-decoration:none}.bottom-nav a[aria-current=page]{color:var(--primary)}h1{font-size:1.45rem}}.toast-wrap{z-index:60;flex-direction:column;gap:.5rem;max-width:min(360px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}@media (max-width:860px){.toast-wrap{bottom:calc(84px + env(safe-area-inset-bottom));max-width:none;left:1rem;right:1rem}}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);animation:toastIn calc(var(--dur) * 1.5) var(--ease);align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}@keyframes toastIn{0%{opacity:.4;transform:translateY(12px)}}.xp-float{z-index:70;font-family:var(--font-display);color:var(--accent);text-shadow:0 2px 12px color-mix(in srgb, var(--accent) 40%, transparent);pointer-events:none;animation:xpUp 1.4s var(--ease) forwards;font-size:2rem;font-weight:800;position:fixed;top:30%;left:50%;transform:translate(-50%)}@keyframes xpUp{0%{opacity:0;transform:translate(-50%,20px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}:root[data-motion=reduce] .xp-float{opacity:0;animation:none}.modal-backdrop{z-index:80;animation:fade var(--dur) var(--ease);background:#0a0a1480;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:.5}}.modal{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--shadow-2);width:min(480px,100%);max-height:calc(100dvh - 2rem);padding:1.5rem;overflow:auto}.lesson-shell{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.lesson-top{align-items:center;gap:1rem;width:100%;max-width:820px;margin:0 auto;padding:.9rem 1.25rem;display:flex}.lesson-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem 1.25rem 2rem}.lesson-foot{border-top:1px solid var(--border);background:var(--surface);padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom));position:sticky;bottom:0}.lesson-foot.ok{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 40%, transparent)}.lesson-foot.bad{background:var(--error-soft);border-color:color-mix(in srgb, var(--error) 40%, transparent)}.lesson-foot .inner{max-width:720px;margin:0 auto}.tile{border:2px solid var(--border);background:var(--surface);font:inherit;color:var(--text);cursor:pointer;min-height:44px;transition:transform .12s var(--ease), opacity var(--dur);border-bottom-width:4px;border-radius:12px;align-items:center;padding:.5rem .85rem;font-weight:600;display:inline-flex}.tile:active{transform:translateY(2px)}.tile.used{opacity:.3;pointer-events:none}.answer-line{border-bottom:2px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:.5rem;min-height:64px;padding:.5rem 0;display:flex}.speech-bubble{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);border-radius:18px 18px 18px 4px;padding:.75rem 1rem}.chat{flex-direction:column;gap:.85rem;display:flex}.msg{flex-direction:column;gap:.5rem;max-width:min(640px,92%);display:flex}.msg.user{align-self:flex-end}.msg .bubble{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;padding:.7rem 1rem}.msg.user .bubble{background:var(--primary);border-color:var(--primary);color:var(--on-primary);border-bottom-right-radius:6px}.msg.tutor .bubble{border-bottom-left-radius:6px}.composer{background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:flex-end;gap:.5rem;padding:.75rem 0;display:flex;position:sticky;bottom:0}@media (max-width:860px){.composer{bottom:calc(68px + env(safe-area-inset-bottom))}}.composer textarea{border-radius:24px;min-height:48px;max-height:160px;padding:.75rem 1rem}.flashcard{perspective:1200px;width:100%;max-width:520px;margin:0 auto}.flashcard-inner{min-height:300px;transition:transform calc(var(--dur) * 2.2) var(--ease);transform-style:preserve-3d;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.flashcard-back{transform:rotateY(180deg)}.word-big{font-family:var(--font-display);font-size:2rem;font-weight:750}.path{flex-direction:column;gap:.75rem;display:flex}.path-item{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:inherit;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.path-item:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));text-decoration:none}.path-item[aria-disabled=true]{opacity:.55;pointer-events:none}.path-node{background:var(--surface-3);width:48px;height:48px;color:var(--text-3);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.path-node.available{background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 5px var(--primary-soft)}.path-node.started{background:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--accent-soft)}.path-node.completed{background:var(--success);color:#fff}.word{cursor:pointer;border-radius:4px;padding:0 1px}.word:hover{background:var(--primary-soft)}.word.glossed{border-bottom:2px dotted color-mix(in srgb, var(--primary) 60%, transparent)}.word.active{background:var(--primary);color:var(--on-primary)}.reading-text{font-size:1.15rem;line-height:1.85}.popover{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);width:min(300px,100vw - 2rem);padding:.85rem 1rem;position:fixed}.heatmap{grid-template-rows:repeat(7,14px);grid-auto-flow:column;gap:3px;display:grid;overflow-x:auto}.heatmap span{background:var(--surface-3);border-radius:3px;width:14px;height:14px}.diff-ok{color:var(--success)}.diff-typo{color:var(--warning);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.diff-wrong,.diff-missing{color:var(--error);text-decoration:line-through}.diff-missing{text-decoration:underline}.avatar{background:var(--primary-soft);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:0 .35rem;font-family:ui-monospace,monospace;font-size:.8rem}.auth-wrap{background:radial-gradient(1200px 600px at 10% -10%, var(--primary-soft), transparent), radial-gradient(900px 500px at 110% 110%, var(--accent-soft), transparent), var(--bg);place-items:center;min-height:100dvh;padding:1.5rem 1rem;display:grid}.auth-card{width:min(440px,100%)}.landing{background:radial-gradient(1000px 600px at 0% 0%, var(--primary-soft), transparent), radial-gradient(800px 500px at 100% 30%, var(--secondary-soft), transparent), var(--bg);min-height:100dvh}.landing-inner{max-width:1080px;margin:0 auto;padding:1.25rem 1.25rem 4rem}.landing-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;padding:3rem 0 2.5rem;display:grid}.landing-hero h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08}@media (max-width:860px){.landing-hero{grid-template-columns:1fr;padding-top:1.5rem}}.mark{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--accent) 35%, transparent) 0)}hr.sep{border:none;border-top:1px solid var(--border);margin:1rem 0}.md strong{font-weight:700}.md ul{margin:.25rem 0;padding-left:1.2rem}details summary{cursor:pointer;font-weight:600}.show-mobile{display:none}@media (max-width:860px){.show-mobile{display:inline-flex}.hide-mobile{display:none!important}}.choice.correct:disabled,.choice.wrong:disabled{opacity:1}.course-strip{scroll-snap-type:x mandatory;grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;gap:.75rem;padding-bottom:4px;display:grid;overflow-x:auto}.course-pill{scroll-snap-align:start;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--dur), transform .12s var(--ease), box-shadow var(--dur);flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.course-pill:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.course-pill[aria-selected=true]{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.course-pill-level{letter-spacing:.04em;color:#fff;background:var(--lvl,var(--primary));border-radius:999px;align-self:flex-start;padding:.15rem .55rem;font-size:.8rem;font-weight:800}.course-pill-title{font-weight:650;line-height:1.25}.lvl-a1{--lvl:#16a34a}.lvl-a2{--lvl:#0d9488}.lvl-b1{--lvl:#2563eb}.lvl-b2{--lvl:#5146e0}.lvl-c1{--lvl:#9333ea}.lvl-c2{--lvl:#db2777}.icon-chip{--chip:var(--primary);width:46px;height:46px;color:var(--chip);background:color-mix(in srgb, var(--chip) 14%, var(--surface));transition:transform var(--dur) var(--ease);border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid}.icon-chip.lg{border-radius:18px;width:56px;height:56px}.chip-green{--chip:#16a34a}.chip-teal{--chip:#0d9488}.chip-blue{--chip:#2563eb}.chip-violet{--chip:#7c3aed}.chip-pink{--chip:#db2777}.chip-orange{--chip:#ea580c}.chip-amber{--chip:#d97706}.chip-indigo{--chip:var(--primary)}.card{border-radius:20px}.card-link:hover .icon-chip{transform:scale(1.06)rotate(-3deg)}.mascot-wave{animation:1.6s ease-in-out infinite wave}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}60%{transform:rotate(10deg)}}.float{animation:5s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-8px)}}:root[data-motion=reduce] .mascot-wave,:root[data-motion=reduce] .float{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .mascot-wave,:root:not([data-motion=full]) .float{animation:none}}.confetti{pointer-events:none;z-index:75;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:2.6s cubic-bezier(.2,.6,.4,1) forwards confetti;position:absolute;top:-20px}@keyframes confetti{to{transform:translate(var(--dx), 110vh) rotate(var(--rot))}}:root[data-motion=reduce] .confetti{display:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .confetti{display:none}}.hero-card{isolation:isolate;position:relative;overflow:hidden}.hero-card .hero-art{z-index:-1;opacity:.35;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-card .hero-mascot{pointer-events:none;position:absolute;bottom:-8px;right:16px}@media (max-width:860px){.hero-card .hero-mascot{display:none}}.course-pill{gap:0;padding:0;overflow:hidden}.course-pill-cover{background-position:50%;background-size:cover;height:92px}.course-pill-body{flex-direction:column;gap:.35rem;padding:.7rem .9rem .85rem;display:flex}.course-banner{color:#fff;min-height:200px;box-shadow:var(--shadow-2);background-position:50%;background-size:cover;border-radius:22px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.course-banner:before{content:"";background:linear-gradient(#0a081e2e 0%,#0a081e8c 40%,#0a081ed9 100%);position:absolute;inset:0}.course-banner>div{text-shadow:0 1px 3px #00000073;width:100%;padding:1.25rem 1.4rem;position:relative}.course-banner .faint,.course-banner .muted{color:#ffffffd9}.course-banner .progress{background:#ffffff47}.course-banner .progress>span{background:#fff}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.auth-split{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100dvh;display:grid}.auth-art{color:#fff;background:#3b2e9c url(/img/auth.webp) 50%/cover;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;position:relative}.auth-art:after{content:"";background:linear-gradient(#140e3c1a,#140e3c8c);position:absolute;inset:0}.auth-art>*{z-index:1;position:relative}.auth-form-side{place-items:center;padding:2rem 1.25rem;display:grid}.auth-form-side .auth-card{box-shadow:none;background:0 0;border:none}@media (max-width:860px){.auth-split{grid-template-columns:1fr}.auth-art{display:none}.auth-form-side .auth-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1)}}.landing-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);position:sticky;top:0}.landing-nav .inner{align-items:center;gap:1rem;max-width:1160px;margin:0 auto;padding:.8rem 1.25rem;display:flex}.landing-hero-v2{color:#fff;background:#3b2e9c url(/img/hero.webp) 50%/cover;align-items:center;min-height:min(86vh,740px);display:flex;position:relative;overflow:hidden}.landing-hero-v2:before{content:"";background:linear-gradient(100deg,#181046d9 0%,#1810468c 45%,#1810460d 78%);position:absolute;inset:0}.landing-hero-v2 .inner{width:100%;max-width:1160px;margin:0 auto;padding:4rem 1.25rem 6rem;position:relative}.landing-hero-v2 h1{letter-spacing:-.035em;max-width:14ch;margin-bottom:1rem;font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.04}.landing-hero-v2 p{color:#ffffffe6;max-width:46ch;font-size:1.15rem}.landing-section{max-width:1160px;margin:0 auto;padding:4.5rem 1.25rem}.landing-section h2{letter-spacing:-.025em;font-size:clamp(1.6rem,3.4vw,2.4rem)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:.6rem;font-size:.78rem;font-weight:800;display:inline-block}.stat-strip{z-index:2;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:-3.5rem;display:grid;position:relative}.stat-strip .card{text-align:center;padding:1.2rem}.stat-strip strong{letter-spacing:-.03em;background:linear-gradient(120deg, var(--primary), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;display:block}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.feature-row+.feature-row{margin-top:4.5rem}.feature-row.reverse>:first-child{order:2}@media (max-width:860px){.feature-row{grid-template-columns:1fr;gap:1.5rem}.feature-row.reverse>:first-child{order:0}}.mock{background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 60px -20px #281e7840, var(--shadow-1);border-radius:24px;padding:1.25rem;transform:rotate(-1deg)}.feature-row.reverse .mock{transform:rotate(1deg)}.check-list{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:.6rem;display:flex}.check-list li:before{content:"✓";color:#fff;background:var(--secondary);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;font-size:.75rem;font-weight:800;display:inline-grid}.journey{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;display:grid}@media (max-width:860px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}.journey-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-1);border-radius:20px;overflow:hidden}.journey-card .cover{aspect-ratio:16/10;background-position:50%;background-size:cover}.journey-card .body{padding:.8rem .95rem 1rem}.cta-band{color:#fff;text-align:center;background:linear-gradient(120deg,#3b2e9c,#5146e0 45%,#0d9488);border-radius:28px;padding:3rem 2rem;position:relative;overflow:hidden}.faq details{border-bottom:1px solid var(--border);padding:1rem 0}.faq summary{font-size:1.05rem}.faq p{color:var(--text-2);margin:.6rem 0 0}.learn-tiles{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.learn-tile{align-items:center;gap:.8rem;padding:1rem;display:flex}@media (max-width:520px){.learn-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.learn-tile{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.8rem}.learn-tile .faint{font-size:.75rem}}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.p.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_5c75b923-module__b1BCEa__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_5c75b923-module__b1BCEa__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}