@import"https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Sans:ital,wght@0,400;0,500;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0F1117;--bg2: #13161E;--surface: #181C27;--surface2: #1E2332;--surface3: #242A3A;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.15);--teal: #00E5A8;--teal-dim: rgba(0,229,168,.12);--teal-glow: rgba(0,229,168,.24);--amber: #FFB347;--amber-dim: rgba(255,179,71,.12);--red: #FF4060;--red-dim: rgba(255,64,96,.12);--blue: #5B9BFF;--blue-dim: rgba(91,155,255,.12);--purple: #A78BFA;--white: #F0F4F8;--g300: #B8C8D8;--g400: #7A8FA6;--g500: #3D5068;--font-d: "Cabinet Grotesk", sans-serif;--font-b: "Instrument Sans", sans-serif;--font-m: "JetBrains Mono", monospace}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--font-b);-webkit-font-smoothing:antialiased;overflow-x:hidden}.nav{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:#05080df2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:200;flex-shrink:0}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo{width:32px;height:32px;background:var(--teal);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:900;font-size:13px;color:#05080d}.nav-title{font-family:var(--font-d);font-weight:800;font-size:15px;letter-spacing:-.4px}.nav-sep{color:var(--g500)}.nav-lab{color:var(--g300);font-size:13px;font-weight:400}.nav-pill{font-family:var(--font-m);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(0,229,168,.18);padding:3px 10px;border-radius:20px}.nav-right{display:flex;align-items:center;gap:20px}.nav-phase-dots{display:flex;gap:6px;align-items:center}.nav-phase-dot{width:8px;height:8px;border-radius:50%;background:var(--g500);transition:background .3s}.nav-phase-dot.done{background:var(--teal)}.nav-phase-dot.active{background:var(--teal);box-shadow:0 0 8px var(--teal)}.nav-phase-label{font-family:var(--font-m);font-size:12px;color:var(--g300);font-weight:500;letter-spacing:.3px}.exit-btn{font-size:13px;color:var(--g300);background:none;border:1px solid var(--border2);cursor:pointer;font-family:var(--font-b);transition:all .15s;padding:6px 14px;border-radius:8px;font-weight:500}.exit-btn:hover{color:var(--white);background:var(--surface2);border-color:var(--border2)}.home-wrap{min-height:100vh;background:var(--bg);position:relative;overflow:hidden}.home-wrap:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.home-orb-1{position:fixed;top:-20vh;left:20%;width:60vw;height:60vw;max-width:700px;max-height:700px;background:radial-gradient(ellipse,rgba(0,229,168,.07) 0%,transparent 60%);pointer-events:none;z-index:0}.home-orb-2{position:fixed;bottom:-10vh;right:-10vw;width:40vw;height:40vw;max-width:500px;background:radial-gradient(ellipse,rgba(255,179,71,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.home-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:72px 36px 120px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-m);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:32px}.hero-eyebrow-line{width:28px;height:1px;background:var(--teal)}.hero-h1{font-family:var(--font-d);font-size:clamp(52px,7vw,88px);font-weight:900;line-height:.95;letter-spacing:-4px;margin-bottom:24px;color:var(--white)}.hero-h1 .line2{display:block}.hero-h1 .strike-wrap{position:relative;display:inline-block;color:var(--g400)}.hero-h1 .strike-wrap:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:4px;background:var(--red);border-radius:2px;transform:rotate(-1.5deg)}.hero-sub{max-width:540px;font-size:16px;line-height:1.7;color:var(--g300);font-weight:400;margin-bottom:52px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:64px;background:var(--surface)}.stat-cell{padding:24px 28px;border-right:1px solid var(--border)}.stat-cell:last-child{border-right:none}.stat-val{font-family:var(--font-d);font-size:32px;font-weight:900;letter-spacing:-1.5px;color:var(--teal);line-height:1;margin-bottom:6px}.stat-lbl{font-size:12px;color:var(--g400);letter-spacing:.2px}.section-eyebrow{font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--g400);margin-bottom:20px}.lab-list{display:flex;flex-direction:column;gap:10px}.lab-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px 34px;cursor:pointer;display:grid;grid-template-columns:1fr 48px;align-items:center;gap:20px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.lab-card:hover{border-color:#00e5a84d;background:var(--surface2);transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 0 1px #00e5a80f}.lab-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--teal),#00A87E);border-radius:0 2px 2px 0;transform:scaleY(0);transform-origin:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.lab-card:hover:before{transform:scaleY(1)}.lab-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(0,229,168,.03) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.lab-card:hover:after{transform:translate(100%)}.lab-card.locked{opacity:.35;cursor:default}.lab-card.locked:hover{transform:none;box-shadow:none;border-color:var(--border);background:var(--surface)}.lab-card.locked:before,.lab-card.locked:after{display:none}.lc-num{font-family:var(--font-m);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--teal);margin-bottom:10px}.lc-num.locked-num{color:var(--g500)}.lc-title{font-family:var(--font-d);font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;line-height:1.1}.lc-desc{font-size:14px;color:var(--g300);line-height:1.55;margin-bottom:18px}.lc-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-m);font-size:11px;padding:3px 10px;border-radius:20px;border:1px solid;white-space:nowrap}.tag-green{color:var(--teal);border-color:#00e5a840;background:var(--teal-dim)}.tag-amber{color:var(--amber);border-color:#ffb34740;background:var(--amber-dim)}.tag-gray{color:var(--g400);border-color:var(--border);background:transparent}.lc-arrow-wrap{width:40px;height:40px;border-radius:12px;background:var(--teal-dim);border:1px solid rgba(0,229,168,.2);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--teal);transition:background .2s,transform .2s}.lab-card:hover .lc-arrow-wrap{background:var(--teal);color:#05080d;transform:translate(2px)}.path-connector{display:flex;align-items:center;gap:10px;padding:6px 34px;color:var(--g500);font-family:var(--font-m);font-size:10px;letter-spacing:1px}.path-connector-line{width:1px;height:32px;background:var(--border);margin-left:1px}.home-footer{margin-top:72px;padding-top:28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.home-footer-txt{font-family:var(--font-m);font-size:11px;color:var(--g500)}.lab-wrap{height:100vh;display:flex;flex-direction:column;overflow:hidden}.scroll-zone{flex:1;overflow-y:auto;padding:52px 24px 80px}.scroll-inner{max-width:820px;margin:0 auto}.phase-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-m);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:32px;border:1px solid;font-weight:500}.phase-badge-teal{color:var(--teal);background:var(--teal-dim);border-color:#00e5a833}.phase-badge-amber{color:var(--amber);background:var(--amber-dim);border-color:#ffb34733}.phase-badge-blue{color:var(--blue);background:var(--blue-dim);border-color:#5b9bff33}.phase-title{font-family:var(--font-d);font-size:clamp(28px,3.5vw,40px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:14px;color:var(--white)}.phase-sub{font-size:16px;color:var(--g300);line-height:1.8;margin-bottom:44px;max-width:600px;font-weight:400}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--teal);color:#05080d;border:none;border-radius:12px;font-family:var(--font-d);font-size:15px;font-weight:800;cursor:pointer;letter-spacing:-.2px;transition:all .15s}.btn-primary:hover{background:#00ffc0;box-shadow:0 8px 28px #00e5a859;transform:translateY(-1px)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:var(--surface2);color:var(--white);border:1px solid var(--border2);border-radius:12px;font-family:var(--font-d);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--surface3)}.btn-amber{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--amber);color:#05080d;border:none;border-radius:12px;font-family:var(--font-d);font-size:15px;font-weight:800;cursor:pointer;transition:all .15s}.btn-amber:hover{background:#ffc96a;box-shadow:0 8px 28px #ffb34759;transform:translateY(-1px)}.loading-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.loading-ring{width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-m);font-size:12px;color:var(--g400);text-align:center;line-height:1.8}.intro-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;max-width:700px;margin:0 auto}.intro-top{padding:40px 44px 32px;background:linear-gradient(135deg,rgba(0,229,168,.06) 0%,transparent 55%);border-bottom:1px solid var(--border)}.intro-lab-num{font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.intro-title{font-family:var(--font-d);font-size:38px;font-weight:900;letter-spacing:-2px;margin-bottom:18px}.intro-tags{display:flex;gap:8px;flex-wrap:wrap}.intro-body{padding:32px 44px}.intro-body p{font-size:15px;color:var(--g300);line-height:1.75;margin-bottom:16px}.intro-phases{margin:28px 0 36px;display:flex;flex-direction:column;gap:10px}.intro-phase-row{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg2);border:1px solid var(--border);border-radius:12px}.intro-phase-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.intro-phase-icon.c1{background:var(--teal-dim)}.intro-phase-icon.c2{background:var(--amber-dim)}.intro-phase-icon.c3{background:var(--blue-dim)}.intro-phase-name{font-weight:600;font-size:14px;color:var(--white)}.intro-phase-desc{font-size:12px;color:var(--g400);margin-top:2px}.concept-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:44px}.concept-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px 34px;position:relative;overflow:hidden;animation:fadeUp .4s ease both}.concept-card:nth-child(1){animation-delay:.04s}.concept-card:nth-child(2){animation-delay:.08s}.concept-card:nth-child(3){animation-delay:.12s}.concept-card:nth-child(4){animation-delay:.16s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cc-glow{position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;filter:blur(50px);opacity:.12}.cc-idx{font-family:var(--font-m);font-size:10px;color:var(--g500);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px}.cc-title{font-family:var(--font-d);font-size:21px;font-weight:800;letter-spacing:-.4px;margin-bottom:14px;color:var(--white)}.cc-body{font-size:15px;line-height:1.85;color:var(--g300);font-weight:400}.cc-body strong{color:var(--white);font-weight:600}.analogy{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:16px 20px;background:#00e5a80f;border:1px solid rgba(0,229,168,.15);border-radius:10px}.analogy-ico{font-size:18px;flex-shrink:0;margin-top:1px}.analogy-txt{font-size:13px;color:#00e5a8d9;line-height:1.65}.cc-code{margin-top:16px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-family:var(--font-m);font-size:12.5px;line-height:1.7;color:#a5d6a7;overflow-x:auto}.cc-code .cmd{color:#82b1ff}.cc-code .cmt{color:var(--g500)}.quiz-prog-row{display:flex;align-items:center;gap:12px;margin-bottom:32px}.quiz-prog-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.quiz-prog-fill{height:100%;background:var(--amber);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-prog-txt{font-family:var(--font-m);font-size:11px;color:var(--g400);white-space:nowrap}.quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:38px;animation:fadeUp .3s ease}.quiz-q-label{font-family:var(--font-m);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:16px}.quiz-q-text{font-family:var(--font-d);font-size:23px;font-weight:800;letter-spacing:-.5px;line-height:1.25;margin-bottom:28px}.quiz-opts{display:flex;flex-direction:column;gap:10px}.quiz-opt{width:100%;display:flex;align-items:center;gap:14px;padding:15px 20px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:14px;color:var(--white);text-align:left;line-height:1.45;transition:all .15s}.quiz-opt:hover:not(:disabled){border-color:var(--border2);background:var(--surface2)}.quiz-opt.correct{border-color:var(--teal);background:var(--teal-dim)}.quiz-opt.wrong{border-color:var(--red);background:var(--red-dim)}.quiz-opt:disabled{cursor:default}.quiz-opt-key{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-m);font-size:12px;font-weight:600}.quiz-opt.correct .quiz-opt-key{background:var(--teal);color:#05080d}.quiz-opt.wrong .quiz-opt-key{background:var(--red);color:#fff}.quiz-exp{margin-top:20px;padding:16px 20px;border-radius:12px;font-size:13px;line-height:1.65;animation:fadeUp .25s ease;border:1px solid}.quiz-exp.ok{background:var(--teal-dim);border-color:#00e5a833;color:#00e5a8e6}.quiz-exp.bad{background:var(--red-dim);border-color:#ff406033;color:#ff788c}.quiz-score-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:52px 44px;text-align:center;animation:fadeUp .35s ease}.quiz-score-big{font-family:var(--font-d);font-size:80px;font-weight:900;letter-spacing:-5px;color:var(--teal);line-height:1;margin-bottom:8px}.quiz-score-sub{font-size:13px;color:var(--g400);margin-bottom:28px}.quiz-score-msg{font-size:16px;color:var(--g300);line-height:1.7;margin-bottom:40px;max-width:420px;margin-left:auto;margin-right:auto}.lab-split{flex:1;display:grid;grid-template-columns:420px 1fr;overflow:hidden}.task-panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.task-tabs-row{display:flex;align-items:center;gap:4px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.task-tab{width:30px;height:30px;flex-shrink:0;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--g400);font-family:var(--font-m);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.task-panel-scroll{flex:1;overflow-y:auto;padding:24px 26px 48px}.task-phase-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-m);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--blue);background:var(--blue-dim);border:1px solid rgba(91,155,255,.2);padding:4px 10px;border-radius:20px;margin-bottom:14px}.task-num-txt{font-family:var(--font-m);font-size:10px;color:var(--g500);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.task-title-txt{font-family:var(--font-d);font-size:21px;font-weight:800;letter-spacing:-.5px;margin-bottom:18px;line-height:1.2}.task-md{font-size:14px;line-height:1.75;color:var(--g300)}.task-md p{margin-bottom:12px}.task-md strong{color:var(--white);font-weight:500}.task-md ul{margin:8px 0 12px 20px}.task-md li{margin-bottom:4px}.task-code-wrap{position:relative;margin:14px 0;background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.task-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);background:#ffffff05}.task-code-lang{font-family:var(--font-m);font-size:10px;color:var(--g500);letter-spacing:1px;text-transform:uppercase}.copy-btn{display:flex;align-items:center;gap:5px;font-family:var(--font-m);font-size:10px;letter-spacing:.5px;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(0,229,168,.2);padding:3px 10px;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.copy-btn:hover{background:#00e5a833}.copy-btn.copied{color:var(--white);background:var(--teal);border-color:var(--teal)}.task-code-block{padding:14px 16px;font-family:var(--font-m);font-size:13px;color:var(--teal);line-height:1.65;overflow-x:auto;white-space:pre}.check-btn{width:100%;margin-top:24px;padding:14px;background:var(--teal);color:#05080d;border:none;border-radius:11px;font-family:var(--font-d);font-size:14px;font-weight:800;cursor:pointer;letter-spacing:-.2px;transition:all .15s}.check-btn:hover:not(:disabled){background:#00ffc0;box-shadow:0 4px 20px #00e5a859}.check-btn:disabled{opacity:.45;cursor:default}.check-btn.is-done{background:transparent;color:var(--teal);border:1px solid rgba(0,229,168,.3)}.feedback-box{margin-top:14px;padding:14px 18px;border-radius:10px;font-size:13px;line-height:1.6;animation:fadeUp .2s ease;border:1px solid}.feedback-box.pass{background:var(--teal-dim);border-color:#00e5a833;color:#00e5a8e6}.feedback-box.fail{background:var(--red-dim);border-color:#ff406033;color:#ff788c}.feedback-hint{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);color:var(--g300);font-size:12px;line-height:1.6}.next-btn{width:100%;margin-top:10px;padding:12px;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;color:var(--white);font-family:var(--font-d);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.next-btn:hover{background:var(--surface3)}.term-panel{background:#0a0e16;display:flex;flex-direction:column;overflow:hidden}.term-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;background:#0f1520;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.term-dot{width:11px;height:11px;border-radius:50%}.term-label{margin-left:6px;font-family:var(--font-m);font-size:11px;color:var(--g400)}.term-frame{flex:1;border:none;width:100%;height:100%}.complete-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}.complete-card{max-width:580px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:56px 52px;text-align:center;animation:fadeUp .4s ease}.complete-medal{font-size:64px;margin-bottom:24px}.complete-title{font-family:var(--font-d);font-size:44px;font-weight:900;letter-spacing:-2.5px;margin-bottom:14px}.complete-body{font-size:15px;color:var(--g300);line-height:1.75;margin-bottom:44px}.complete-stats{display:flex;gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:36px}.complete-stat{flex:1;padding:22px;border-right:1px solid var(--border)}.complete-stat:last-child{border-right:none}.complete-stat-n{font-family:var(--font-d);font-size:28px;font-weight:900;color:var(--teal);letter-spacing:-1px;line-height:1}.complete-stat-l{font-size:11px;color:var(--g400);margin-top:4px}.lab-progress-bar{height:3px;background:var(--border);flex-shrink:0}.lab-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#00A87E);transition:width .6s cubic-bezier(.4,0,.2,1)}.task-tabs-row{display:flex;align-items:center;gap:3px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;background:var(--bg2)}.task-tab{width:28px;height:28px;flex-shrink:0;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--g400);font-family:var(--font-m);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;position:relative}.task-tab.active{border-color:#5b9bff80;color:var(--blue);background:var(--blue-dim)}.task-tab.done{background:var(--teal);border-color:var(--teal);color:#05080d;font-weight:700}.task-tab.discover-type:not(.done):after{content:"";position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:50%;background:var(--amber)}.task-tab:hover:not(.done):not(.active){border-color:var(--border2);color:var(--white)}.tab-spacer{flex:1}.tab-progress-label{font-family:var(--font-m);font-size:10px;color:var(--g500);white-space:nowrap;padding:0 4px}.task-tabs-inner{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg2)}.task-inner-tab{padding:10px 18px;font-size:13px;font-weight:500;color:var(--g400);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s;font-family:var(--font-b)}.task-inner-tab:hover{color:var(--white)}.task-inner-tab.active{color:var(--teal);border-bottom-color:var(--teal)}.tp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.task-type-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-m);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--g400)}.type-dot{width:7px;height:7px;border-radius:50%}.type-dot.do{background:var(--blue);box-shadow:0 0 6px var(--blue)}.type-dot.discover{background:var(--amber);box-shadow:0 0 6px var(--amber)}.task-counter{font-family:var(--font-m);font-size:10px;color:var(--g500)}.task-body-area{padding:20px 26px 48px}.tab-content{animation:fadeUp .2s ease}.inline-code{font-family:var(--font-m);font-size:12px;background:#00e5a81a;color:var(--teal);padding:2px 6px;border-radius:4px}.discover-opts{margin-top:24px;display:flex;flex-direction:column;gap:8px}.discover-prompt{font-family:var(--font-m);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--amber);margin-bottom:12px}.discover-opt{width:100%;padding:14px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--white);font-size:14px;text-align:left;cursor:pointer;transition:all .15s;font-family:var(--font-b)}.discover-opt:hover:not(:disabled){border-color:#ffb3474d;background:var(--surface2)}.discover-opt.correct{border-color:var(--teal);background:var(--teal-dim);color:var(--teal)}.discover-opt.wrong{border-color:var(--red);background:var(--red-dim);color:#ff788c}.discover-opt:disabled{cursor:default}.discover-result{margin-top:14px;padding:14px 18px;border-radius:10px;font-size:13px;line-height:1.6;animation:fadeUp .2s ease;border:1px solid}.discover-result.correct{background:var(--teal-dim);border-color:#00e5a833;color:#00e5a8e6}.discover-result.wrong{background:var(--red-dim);border-color:#ff406033;color:#ff788c}.hint-box,.solution-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:22px 24px}.hint-label,.solution-label{font-family:var(--font-m);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.hint-label{color:var(--amber)}.solution-label{color:var(--blue)}.hint-text,.solution-text{font-size:14px;color:var(--g300);line-height:1.7}.solution-cmd{margin-top:18px}.solution-cmd-label{font-family:var(--font-m);font-size:10px;color:var(--g500);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.solution-code{display:block;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-family:var(--font-m);font-size:12px;color:var(--teal);line-height:1.6;word-break:break-all}.term-env-tag{font-family:var(--font-m);font-size:10px;color:var(--g500);background:#ffffff08;border:1px solid var(--border);padding:2px 8px;border-radius:4px}.provision-wrap{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--bg)}.provision-left{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;position:relative}.provision-ring-outer{width:340px;height:340px;border-radius:50%;border:1px solid rgba(0,229,168,.15);display:flex;align-items:center;justify-content:center;position:relative}.provision-ring-spin{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--teal);border-right-color:#00e5a84d;animation:spin 1.4s linear infinite}.provision-inner{text-align:center}.provision-status{font-size:13px;color:var(--g400);font-family:var(--font-m);letter-spacing:.5px;margin-bottom:16px}.provision-label{font-family:var(--font-d);font-size:48px;font-weight:900;letter-spacing:-3px;color:var(--teal);animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.provision-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:80px 60px;border-left:1px solid var(--border)}.provision-quote-mark{font-family:var(--font-d);font-size:64px;font-weight:900;color:var(--g500);line-height:1;margin-bottom:8px}.provision-quote-text{font-family:var(--font-d);font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.3;color:var(--g300);margin-bottom:28px;max-width:420px;font-style:italic}.provision-quote-attr{font-family:var(--font-m);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--g500)}.hp-hero{margin-bottom:80px}.hp-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-m);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);margin-bottom:28px}.hp-kicker-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hp-h1{font-family:var(--font-d);font-size:clamp(56px,7vw,96px);font-weight:900;line-height:.92;letter-spacing:-5px;margin-bottom:28px;color:var(--white)}.hp-sub{font-size:17px;line-height:1.75;color:var(--g300);max-width:580px;margin-bottom:40px;font-weight:300}.hp-hero-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.hp-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--teal);color:#05080d;border:none;border-radius:12px;font-family:var(--font-d);font-size:15px;font-weight:800;cursor:pointer;letter-spacing:-.3px;transition:all .15s}.hp-cta:hover{background:#00ffc0;transform:translateY(-1px);box-shadow:0 8px 28px #00e5a859}.hp-hero-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-m);font-size:12px;color:var(--g400)}.hp-section{margin-bottom:72px}.hp-section-label{font-family:var(--font-m);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--g400);margin-bottom:24px}.hp-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 640px){.hp-why-grid{grid-template-columns:1fr}}.hp-why-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 30px;transition:border-color .2s,background .2s}.hp-why-card:hover{border-color:var(--border2);background:var(--surface2)}.hp-why-icon{font-size:20px;color:var(--teal);margin-bottom:14px;line-height:1}.hp-why-title{font-family:var(--font-d);font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;color:var(--white)}.hp-why-body{font-size:13px;color:var(--g300);line-height:1.7;font-weight:300}.hp-outcome-bar{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:72px}.hp-outcome-item{flex:1;padding:28px 32px}.hp-outcome-divider{width:1px;height:60px;background:var(--border);flex-shrink:0}.hp-outcome-num{font-family:var(--font-d);font-size:36px;font-weight:900;letter-spacing:-2px;color:var(--teal);line-height:1;margin-bottom:6px}.hp-outcome-lbl{font-size:12px;color:var(--g400);line-height:1.4}[data-theme=light]{--bg: #F4F6F9;--bg2: #EAECF1;--surface: #FFFFFF;--surface2: #F0F2F7;--surface3: #E5E8EF;--border: rgba(0,0,0,.1);--border2: rgba(0,0,0,.18);--white: #111827;--g300: #374151;--g400: #6B7280;--g500: #9CA3AF;--teal: #059669;--teal-dim: rgba(5,150,105,.1);--teal-glow: rgba(5,150,105,.2);--amber: #B45309;--amber-dim: rgba(180,83,9,.1);--red: #DC2626;--red-dim: rgba(220,38,38,.1);--blue: #1D4ED8;--blue-dim: rgba(29,78,216,.1)}[data-theme=light] body{background:var(--bg);color:var(--white)}[data-theme=light] .nav{background:#f4f6f9f7;border-bottom-color:var(--border)}[data-theme=light] .home-wrap{background:var(--bg)}[data-theme=light] .home-orb-1{background:radial-gradient(ellipse,rgba(5,150,105,.07) 0%,transparent 60%)}[data-theme=light] .home-orb-2{background:radial-gradient(ellipse,rgba(180,83,9,.05) 0%,transparent 60%)}[data-theme=light] .task-panel{background:#fff;border-right-color:#00000014}[data-theme=light] .task-tabs-row{background:#f4f6f9;border-bottom-color:#00000014}[data-theme=light] .task-panel-scroll{background:#fff}[data-theme=light] .task-title-txt{color:#111827}[data-theme=light] .task-md{color:#374151}[data-theme=light] .task-code-wrap{background:#1e2332}[data-theme=light] .task-code-block{color:#00d492}[data-theme=light] .hint-box,[data-theme=light] .solution-box{background:#f4f6f9}[data-theme=light] .term-panel{background:#0f1117}[data-theme=light] .term-bar{background:#181c27;border-bottom-color:#ffffff0f}[data-theme=light] .lab-split{background:#f4f6f9}[data-theme=light] .scroll-zone{background:var(--bg)}[data-theme=light] .scroll-inner{color:var(--white)}[data-theme=light] .concept-card{background:#fff;border-color:#00000017;box-shadow:0 1px 4px #0000000f}[data-theme=light] .cc-title{color:#111827}[data-theme=light] .cc-body{color:#374151}[data-theme=light] .cc-body strong{color:#111827}[data-theme=light] .cc-idx{color:#9ca3af}[data-theme=light] .analogy{background:#0596690f;border-color:#0596692e}[data-theme=light] .analogy-txt{color:#065f46}[data-theme=light] .cc-code{background:#1e2332;border-color:#00000014}[data-theme=light] .quiz-card{background:#fff;box-shadow:0 1px 4px #0000000f}[data-theme=light] .quiz-q-text{color:#111827}[data-theme=light] .quiz-opt{background:#f4f6f9;border-color:#00000017;color:#1f2937}[data-theme=light] .quiz-opt:hover:not(:disabled){background:#e9ecf2}[data-theme=light] .intro-card{background:#fff;box-shadow:0 2px 8px #00000012}[data-theme=light] .intro-top{background:linear-gradient(135deg,rgba(5,150,105,.05) 0%,transparent 55%)}[data-theme=light] .intro-title{color:#111827}[data-theme=light] .intro-body p{color:#374151}[data-theme=light] .intro-phase-row{background:#f4f6f9;border-color:#00000014}[data-theme=light] .intro-phase-name,[data-theme=light] .phase-title{color:#111827}[data-theme=light] .phase-sub{color:#374151}[data-theme=light] .lab-card{background:#fff;border-color:#00000014;box-shadow:0 1px 4px #0000000a}[data-theme=light] .lc-title{color:#111827}[data-theme=light] .lc-desc{color:#4b5563}[data-theme=light] .stats-row{background:#fff}[data-theme=light] .hp-why-card{background:#fff;border-color:#00000014}[data-theme=light] .hp-why-title{color:#111827}[data-theme=light] .hp-why-body{color:#374151}[data-theme=light] .hp-outcome-bar{background:#fff}.theme-toggle{display:flex;align-items:center;gap:7px;padding:6px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;cursor:pointer;font-family:var(--font-m);font-size:11px;letter-spacing:.5px;color:var(--g300);transition:all .15s}.theme-toggle:hover{color:var(--white);border-color:var(--border2);background:var(--surface3)}.theme-toggle-icon{font-size:13px}.lab-timer{display:flex;align-items:center;gap:6px;font-family:var(--font-m);font-size:12px;color:var(--g300);letter-spacing:.5px}.lab-timer-icon{font-size:11px;color:var(--g400)}.lab-timer.warn,.lab-timer.warn .lab-timer-icon{color:var(--amber)}.hp-hero{margin-bottom:72px}.hp-h1{font-family:var(--font-d);font-size:clamp(48px,6vw,80px);font-weight:900;line-height:.95;letter-spacing:-4px;margin-bottom:24px;color:var(--white)}.hp-h1-accent{color:var(--teal);display:block}.hp-sub{font-size:16px;line-height:1.75;color:var(--g300);max-width:560px;margin-bottom:28px;font-weight:400}.hp-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-m);font-size:12px;color:var(--g400)}.hp-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--g500)}.hp-how-steps{display:flex;flex-direction:column;gap:0}.hp-step{display:grid;grid-template-columns:48px 24px 1fr;gap:0 20px;align-items:start}.hp-step-num{font-family:var(--font-m);font-size:13px;font-weight:600;width:48px;height:48px;border-radius:12px;border:1.5px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px;background:transparent}.hp-step-line{width:1px;height:100%;min-height:48px;margin:48px auto 0;grid-row:1}.hp-step-content{padding:12px 0 36px}.hp-step-title{font-family:var(--font-d);font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;color:var(--white)}.hp-step-body{font-size:14px;color:var(--g300);line-height:1.75;font-weight:400;max-width:520px}.hp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:72px}@media (max-width: 640px){.hp-stats-grid{grid-template-columns:repeat(2,1fr)}}.hp-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 20px}.hp-stat-val{font-family:var(--font-d);font-size:34px;font-weight:900;letter-spacing:-1.5px;color:var(--teal);line-height:1;margin-bottom:6px}.hp-stat-lbl{font-size:12px;color:var(--g400);line-height:1.4}[data-theme=light] .hp-step-body{color:#374151}[data-theme=light] .hp-stat-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #0000000d}[data-theme=light] .hp-sub{color:#374151}[data-theme=light] .hp-hero-meta{color:#6b7280}[data-theme=light] .quiz-exp.ok{background:#d1fae5;border-color:#6ee7b7;color:#065f46}[data-theme=light] .quiz-exp.bad{background:#fee2e2;border-color:#fca5a5;color:#991b1b}[data-theme=light] .quiz-exp{font-weight:500}[data-theme=light] .discover-result.correct{background:#d1fae5;border-color:#6ee7b7;color:#065f46}[data-theme=light] .discover-result.wrong{background:#fee2e2;border-color:#fca5a5;color:#991b1b}[data-theme=light] .feedback-box.pass{background:#d1fae5;border-color:#6ee7b7;color:#065f46}[data-theme=light] .feedback-box.fail{background:#fee2e2;border-color:#fca5a5;color:#991b1b}[data-theme=light] .feedback-hint{color:#374151}.hp-how-steps{display:flex;flex-direction:column;gap:0;max-width:640px}.hp-step{display:flex;gap:24px;align-items:flex-start;position:relative;padding-bottom:40px}.hp-step:last-child{padding-bottom:0}.hp-step-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:48px}.hp-step-num{font-family:var(--font-m);font-size:12px;font-weight:600;width:48px;height:48px;border-radius:12px;border:1.5px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px;background:transparent;margin:0}.hp-step-connector{width:1px;flex:1;min-height:32px;background:var(--border);margin-top:8px}.hp-step:last-child .hp-step-connector{display:none}.hp-step-content{padding-top:12px}.hp-step-title{font-family:var(--font-d);font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;color:var(--white);line-height:1.2}.hp-step-body{font-size:14px;color:var(--g300);line-height:1.8;font-weight:400}.concept-card{padding:32px 36px}.cc-body{font-size:15px;line-height:1.9;letter-spacing:.01em}.task-body-area{padding:24px 28px 48px}.task-md{font-size:14px;line-height:1.85}[data-theme=light] .hp-step-title{color:#111827}[data-theme=light] .hp-step-body{color:#4b5563}[data-theme=light] .hp-step-connector{background:#0000001a}.hp-progress-wrap{margin-bottom:40px;padding:18px 24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.hp-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hp-progress-txt{font-size:13px;color:var(--g300);font-weight:400}.hp-progress-pct{font-family:var(--font-m);font-size:13px;color:var(--teal);font-weight:600}.hp-progress-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.hp-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#00A87E);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.lab-card-done{border-color:#00e5a833!important;position:relative;overflow:hidden}.lab-card-done:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal);transform:scaleY(1)!important}.lab-card-done .lc-title{color:var(--g300)}.lab-card-done .lc-num{color:var(--teal)}.lc-done-badge{background:#00e5a81a;border:1px solid rgba(0,229,168,.25);border-radius:8px;padding:5px 12px;font-family:var(--font-m);font-size:12px;color:var(--teal);font-weight:600;white-space:nowrap;flex-shrink:0}.lc-arrow-next{background:var(--teal)!important;color:#0f1117!important}[data-theme=light] .hp-progress-wrap{background:#fff;border-color:#00000014}[data-theme=light] .hp-progress-txt{color:#374151}[data-theme=light] .lab-card-done{border-color:#05966940!important}[data-theme=light] .lab-card-done:before{background:var(--teal)}[data-theme=light] .lab-card-done .lc-title{color:#6b7280}[data-theme=light] .lc-done-badge{background:#05966914;border-color:#05966933;color:#065f46}