:root{--bg:#070b14;--bg2:#0c1220;--panel:#101a2e;--panel2:#152238;--line:#223350;--fg:#e8eefc;--muted:#8fa3c4;--accent:#38bdf8;--accent2:#fbbf24;--good:#34d399;--bad:#f87171;--radius:14px;--font:"Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 700px at 80% -10%,rgba(56,189,248,.09),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(251,191,36,.06),transparent 60%),var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hidden{display:none!important}.topbar{position:fixed;inset:0 0 auto 0;height:52px;z-index:40;display:flex;align-items:center;gap:16px;padding:0 14px;background:linear-gradient(180deg,#070b14eb,#070b14ad);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:800;font-size:19px;color:var(--fg);letter-spacing:.3px}.brand span:last-child{color:var(--accent)}.brand:hover{text-decoration:none}#deck-title{flex:1;text-align:center;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.topbar-nav{display:flex;gap:8px;align-items:center}.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:9px;font-size:12.5px;font-weight:600;transition:.15s}.ghost-btn:hover{color:var(--fg);border-color:var(--accent);text-decoration:none}.stage{position:fixed;top:52px;right:0;bottom:0;left:0}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.slides{position:absolute;top:0;right:0;bottom:0;left:0}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.slide.active{display:block}.slide.text-slide .inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(56px,12vw,220px);overflow:auto}.slide h1{font-size:clamp(30px,4.6vw,54px);font-weight:800;line-height:1.1;margin-bottom:18px}.slide h2{font-size:clamp(20px,2.4vw,30px);font-weight:700;margin:22px 0 10px;color:var(--accent)}.slide h3{font-size:17px;font-weight:700;margin:16px 0 8px;color:var(--accent2)}.slide p,.slide li{font-size:clamp(15px,1.55vw,19px);line-height:1.65;color:#c9d6ee;max-width:900px}.slide ul,.slide ol{padding-left:26px;margin:10px 0}.slide li{margin:6px 0}.slide strong{color:var(--fg)}.slide code{font-family:var(--mono);background:var(--panel2);border:1px solid var(--line);padding:2px 7px;border-radius:6px;font-size:.86em;color:var(--accent2)}.slide blockquote{margin:16px 0;padding:14px 18px;border-left:3px solid var(--accent2);background:linear-gradient(90deg,rgba(251,191,36,.09),transparent 70%);border-radius:0 var(--radius) var(--radius) 0;color:#f4e6c2;max-width:900px}.slide .kicker{color:var(--accent);font-weight:600;letter-spacing:2.5px;text-transform:uppercase;font-size:12px;margin-bottom:14px}.slide table{border-collapse:collapse;margin:14px 0;max-width:900px}.slide th,.slide td{border:1px solid var(--line);padding:8px 14px;font-size:15px;text-align:left}.slide th{background:var(--panel);color:var(--accent)}.slide td{background:#101a2e80;color:#c9d6ee}.slide.scene-slide{grid-template-columns:minmax(320px,36%) 1fr}.slide.scene-slide.active{display:grid}.slide .text-col{padding:clamp(20px,3vw,44px);display:flex;flex-direction:column;justify-content:center;overflow:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,#0c12208c,#0c122026);z-index:5;pointer-events:auto}.slide .text-col p,.slide .text-col li{font-size:clamp(13.5px,1.25vw,16.5px);line-height:1.55}.slide .text-col h1{font-size:clamp(22px,2.6vw,34px)}.slide .text-col table{font-size:13px}.slide .text-col th,.slide .text-col td{padding:5px 10px}.scene-holder{position:relative;overflow:hidden}.scene-holder canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.lx-hud{position:absolute;right:12px;bottom:12px;z-index:7;width:min(280px,42%);background:#0a101ddb;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006}.lx-hud h4{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.lx-hud .ctl{margin:9px 0}.lx-hud label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600}.lx-hud label output{color:var(--accent2);font-family:var(--mono);font-size:12px}.lx-hud input[type=range]{width:100%;accent-color:var(--accent);height:20px}.lx-hud .readouts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lx-hud .chip{font-family:var(--mono);font-size:12px;background:var(--panel2);border:1px solid var(--line);color:var(--fg);padding:4px 9px;border-radius:8px}.lx-hud .chip b{color:var(--accent2);font-weight:600}.lx-hud .btnrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lx-hud .hbtn{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--fg);font-size:12px;font-weight:600;padding:7px 8px;border-radius:9px;transition:.15s;white-space:nowrap}.lx-hud .hbtn:hover{border-color:var(--accent);background:#1a2947}.lx-hud .hbtn.on{background:#38bdf829;border-color:var(--accent);color:var(--accent)}.rail{position:fixed;left:10px;top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:7px;padding:10px 6px;background:#0a101d8c;border:1px solid var(--line);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rail .dot{width:11px;height:11px;border-radius:6px;border:none;padding:0;background:var(--line);transition:all .25s;position:relative}.rail .dot:hover{background:var(--muted)}.rail .dot.done{background:#2e5f8a}.rail .dot.active{height:26px;background:var(--accent)}.rail .dot .tip{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:var(--panel);border:1px solid var(--line);color:var(--fg);font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}.rail .dot:hover .tip{opacity:1}.nav-arrow{position:fixed;bottom:16px;z-index:30;width:46px;height:46px;border-radius:50%;background:#0a101dcc;border:1px solid var(--line);color:var(--fg);font-size:26px;line-height:1;transition:.15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-arrow:hover{border-color:var(--accent);color:var(--accent)}.nav-prev{right:76px}.nav-next{right:18px}.slide-badge{position:fixed;left:14px;bottom:16px;z-index:30;font-family:var(--mono);font-size:12px;color:var(--muted);background:#0a101db3;border:1px solid var(--line);padding:5px 11px;border-radius:9px}.hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:29;font-size:11.5px;color:var(--muted);opacity:.75;pointer-events:none;transition:opacity .5s}.quiz{max-width:760px;width:100%;margin:0 auto}.quiz .q{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:12px 0}.quiz .q .qt{font-weight:700;font-size:16.5px;margin-bottom:10px}.quiz .q .qt .qnum{color:var(--accent);font-family:var(--mono);margin-right:8px}.quiz .opt{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:#c9d6ee;font-size:14.5px;padding:9px 13px;margin:6px 0;transition:.15s}.quiz .opt:hover{border-color:var(--accent)}.quiz .opt .letter{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--muted)}.quiz .opt.correct{border-color:var(--good);background:#34d3991f;color:var(--good)}.quiz .opt.correct .letter{background:var(--good);color:#04281c}.quiz .opt.wrong{border-color:var(--bad);background:#f871711a;color:var(--bad)}.quiz .opt.wrong .letter{background:var(--bad);color:#3b0808}.quiz .opt:disabled{cursor:default;opacity:.85}.quiz .why{display:none;font-size:13.5px;color:var(--muted);margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}.quiz .why.show{display:block}.quiz-score{margin-top:16px;padding:16px 20px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);display:none}.quiz-score.show{display:block}.quiz-score .verdict{font-size:20px;font-weight:800;margin-bottom:4px}.quiz-score .verdict.good{color:var(--good)}.quiz-score .verdict.ok{color:var(--accent2)}.quiz-score .verdict.bad{color:var(--bad)}.home{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;padding:60px 20px 40px}.home-wrap{max-width:1060px;margin:0 auto}.home-hero{text-align:center;padding:34px 0 10px}.home-hero .logo{font-size:clamp(44px,7vw,76px);font-weight:800;letter-spacing:-1px}.home-hero .logo span{color:var(--accent)}.home-hero .tagline{font-size:clamp(15px,2vw,20px);color:var(--muted);margin-top:10px}.home-hero .cta{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.primary-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;border:none;font-size:15.5px;font-weight:700;padding:13px 30px;border-radius:12px;transition:.15s;box-shadow:0 8px 26px #0ea5e959}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0ea5e980}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:36px 0 8px}.feature{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.feature .fe{font-size:26px}.feature h3{font-size:15px;margin:8px 0 5px}.feature p{font-size:13px;color:var(--muted);line-height:1.5}.courses-h{font-size:22px;font-weight:800;margin:34px 0 14px}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.course-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;transition:.18s;color:var(--fg);position:relative;overflow:hidden}.course-card:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none;box-shadow:0 14px 34px #0006}.course-card .ce{font-size:34px}.course-card h3{font-size:18px;margin:10px 0 6px}.course-card p{font-size:13.5px;color:var(--muted);line-height:1.5}.course-card .meta{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.course-card .meta span{font-size:11px;font-family:var(--mono);background:var(--panel2);border:1px solid var(--line);color:var(--accent);padding:3px 9px;border-radius:7px}.course-card .go{position:absolute;right:16px;top:18px;color:var(--accent);font-size:20px}.home-foot{margin:44px 0 10px;text-align:center;color:var(--muted);font-size:13px}.home-foot a{margin:0 6px}.load-error{padding:60px 20px;text-align:center;color:var(--bad)}@media(max-width:860px){.slide.scene-slide.active{grid-template-columns:1fr;grid-template-rows:38% 62%}.slide .text-col{border-right:none;border-bottom:1px solid var(--line);overflow:auto}.rail,.hint{display:none}.slide.text-slide .inner{padding:30px 56px 90px}}