@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Noto+Sans+Myanmar:wght@400;500;600;700&display=swap";:root{--bg:#f6f8fb;--paper:#fff;--ink:#1a2b3d;--muted:#748091;--line:#e7ecf1;--teal:#168b9a;--teal-dark:#087383;--teal-soft:#eaf6f5;--navy:#152c3e;--yellow:#f3b75c;--radius:15px;--sidebar:248px;--body-font:"DM Sans","Noto Sans Myanmar","Myanmar Text",sans-serif;--my-font:"Noto Sans Myanmar","Myanmar Text","DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body-font);font-size:14px;line-height:1.9;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}svg{width:21px;height:21px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7cc8d5;outline-offset:4px}p{margin:0 0 16px}h1,h2,h3,h4{margin:0;font-weight:650}h1,h2,h3{font-family:var(--my-font)}code{font-family:Consolas,SFMono-Regular,monospace;font-size:.92em}p code,li code,td code,.inline-code{background:#eef2f6;padding:3px 7px;border-radius:5px;color:#3d6075;overflow-wrap:anywhere}strong{font-weight:650}small{font-size:12px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--navy);color:#fff;padding:10px 20px;border-radius:8px}.skip-link:focus{top:10px}.sidebar{width:var(--sidebar);height:100dvh;position:fixed;left:0;top:0;background:var(--paper);border-right:1px solid var(--line);padding:34px 21px 24px;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;line-height:1.3;font-size:23px;letter-spacing:-1px;font-weight:700;padding:0 12px;margin-bottom:43px}.brand-icon{width:40px;height:40px;border-radius:12px;background:var(--teal);color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px #168b9a1c}.brand-icon svg{width:24px;height:24px;stroke-width:1.5}.brand-sub{font-size:10px;letter-spacing:3.6px;color:#8b98a5;display:block;margin-top:5px}.course-label{padding:0 12px;font-family:var(--my-font);font-size:10px;letter-spacing:.2px;color:#8b98a5;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.course-label span{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:1px;background:#f2f5f8;padding:2px 5px;border-radius:4px}.course-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;min-height:50px;border-radius:9px;padding:10px 13px;color:#748091;font-size:12px;transition:background .2s,color .2s}.nav-item:hover{background:#f5f8fa;color:var(--ink)}.nav-item.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:600}.nav-item.active .nav-number{background:var(--teal);color:#fff;border-color:var(--teal)}.nav-number{width:23px;height:23px;border:1px solid #e1e7ed;border-radius:7px;display:grid;place-items:center;font-size:10px;font-family:DM Sans,sans-serif;flex-shrink:0}.nav-number svg{width:13px;height:13px}.nav-item.complete:not(.active) .nav-number{background:#eef7f1;border-color:#d4ebde;color:#38825b}.nav-item .nav-title{flex:1}.nav-arrow{font-size:14px}.sidebar-bottom{margin-top:auto;padding:27px 12px 0}.your-progress{display:flex;justify-content:space-between;font-size:11px;color:#7f8c9a}.your-progress strong{color:var(--teal);font-size:12px}.progress-track{height:4px;background:#edf0f5;border-radius:4px;margin-top:12px;overflow:hidden}.progress-track span{display:block;background:var(--teal);width:0;height:100%;transition:width .4s}.sidebar-bottom p{font-size:9px;line-height:2;color:#7f8c9a;margin-top:10px;margin-bottom:25px}.resources-link{display:flex;align-items:center;gap:8px;font-size:10px;color:#637687;border-top:1px solid var(--line);padding-top:19px}.resources-link span:last-child{margin-left:auto}.resources-link svg{width:15px;height:15px}.sidebar-note{font-size:10px;color:#9aa4b0;display:flex;align-items:center;gap:7px;margin-top:23px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#65bba7;display:inline-block}.workspace{margin-left:var(--sidebar);min-height:100dvh}.topbar{height:80px;border-bottom:1px solid var(--line);background:#ffffffde;display:flex;align-items:center;justify-content:space-between;padding:0 44px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px}.breadcrumb{font-size:11px;color:#8a96a5}.breadcrumb span{padding:0 13px;color:#c5cdd5}.breadcrumb strong{font-weight:500;color:#637285}.language-badge{font-size:10px;color:#8492a1;border-right:1px solid var(--line);padding-right:24px}.github-link{display:flex;gap:8px;align-items:center;font-size:11px;color:#66798b}.github-link svg{width:17px;height:17px}.github-link span:last-child svg{width:12px;height:12px}.icon-button{padding:9px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#5d7285}.menu-button{display:none}main{max-width:1390px;margin:auto;padding:37px 44px 32px;min-height:calc(100dvh - 160px)}.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;font-family:DM Sans,sans-serif;letter-spacing:1.8px;color:var(--teal);text-transform:uppercase;display:flex;gap:8px;align-items:center;margin-bottom:12px;font-weight:700}.eyebrow .line{width:21px;height:1px;background:currentColor}.page-title{font-size:29px;line-height:1.8;letter-spacing:-.5px}.page-desc{font-size:12px;color:var(--muted);margin-top:7px;max-width:740px;line-height:2}.chapter-count{font-size:10px;white-space:nowrap;border:1px solid var(--line);padding:5px 12px;border-radius:25px;background:#fff;color:#8896a4;margin-top:10px}.hero{background:var(--navy);border-radius:18px;position:relative;overflow:hidden;padding:41px 38px 35px;display:grid;grid-template-columns:1.08fr .92fr;gap:25px;min-height:405px;color:#fff}.hero:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff07;border-radius:50%;right:-20px;top:-200px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02;pointer-events:none}.hero-copy{z-index:1}.hero .eyebrow{color:#8ad5d0;font-size:9px;letter-spacing:1.4px}.hero h1{font-size:35px;line-height:1.85;letter-spacing:-.8px;font-weight:600;margin-top:16px;margin-bottom:14px}.hero h1 em{color:#83d5d1;font-style:normal}.hero-copy>p{font-size:11px;color:#acbeca;max-width:380px;line-height:2.2}.hero-badges{display:flex;gap:9px;margin:14px 0 25px;flex-wrap:wrap}.hero-badges span{font-size:9px;border:1px solid #ffffff21;color:#c5d5de;padding:3px 9px;border-radius:5px;display:flex;gap:5px;align-items:center}.hero-badges svg{width:12px;height:12px}.hero-actions{display:flex;align-items:center;gap:19px;margin-top:22px;flex-wrap:wrap}.button{background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;padding:11px 17px;font-size:11px;font-weight:500;line-height:1.9;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{background:var(--teal-dark);transform:translateY(-1px)}.button svg{width:15px;height:15px}.button.light{background:#85d9d0;color:#153d49}.button.light:hover{background:#a0e6df}.button.secondary{color:#587081;border-color:var(--line);background:#fff}.button.secondary:hover{background:#f5f8fa}.button.ghost{color:#d4e3ea;background:transparent;padding-left:0}.button.ghost svg{color:#98b0bf}.button.small{font-size:10px;padding:7px 12px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;padding:15px 8px 20px 10px}.orbit-circle{width:320px;height:320px;border:1px dashed #a6d7d326;border-radius:50%;position:absolute;top:28px;left:50%;transform:translate(-50%);pointer-events:none}.orbit-circle:before{content:"";width:8px;height:8px;background:#78c9c3;border-radius:50%;position:absolute;right:17px;top:68px;box-shadow:0 0 0 6px #7bcec515}.mini-chat{width:100%;max-width:294px;border:1px solid #ffffff42;border-radius:13px;background:#f4f8fa;box-shadow:0 20px 40px #07192860;z-index:1;transform:rotate(-2deg);overflow:hidden;color:var(--ink)}.chat-titlebar{display:flex;align-items:center;padding:13px 16px;background:#fff;border-bottom:1px solid #e3ebef;gap:9px}.bot-avatar{height:34px;width:34px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;flex-shrink:0}.bot-avatar svg{height:19px;width:19px}.chat-name{font-size:11px;font-weight:700;line-height:1.4}.chat-status{font-size:8px;color:var(--teal);margin-top:3px}.chat-titlebar .chat-menu{margin-left:auto;font-size:16px;color:#95a5b3}.mini-chat-body{padding:16px 12px;min-height:185px;background-image:radial-gradient(#b9cbd52e 1px,transparent 1px);background-size:17px 17px;display:flex;flex-direction:column;gap:12px}.chat-date{font-size:7px;align-self:center;color:#8a9eac;background:#e5edf2;padding:0 7px;border-radius:4px}.bubble{border-radius:10px 10px 10px 2px;background:#fff;padding:9px 12px;font-size:10px;line-height:2;max-width:90%;box-shadow:0 1px 2px #293d4e08;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#d6efe8;border-radius:10px 10px 2px}.bubble time{font-size:7px;color:#94a5ae;display:block;text-align:right;line-height:1.2;margin-top:3px}.mini-input{font-size:8px;background:#fff;padding:11px 13px;color:#a7b4bf;display:flex;align-items:center;justify-content:space-between}.mini-input .mini-send{background:var(--teal);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:#fff}.mini-input svg{width:12px;height:12px}.floating-code{position:absolute;right:-4px;bottom:10px;color:#b6d6e3;background:#24485b;border:1px solid #68838d60;box-shadow:0 10px 25px #07192840;border-radius:8px;padding:10px 15px;font:9px/1.9 Consolas,monospace;z-index:3;transform:rotate(2deg)}.floating-code .code-dot{width:5px;height:5px;display:inline-block;background:#80cdb1;border-radius:50%;margin-right:6px}.floating-python{position:absolute;left:0;top:6px;z-index:2;border:1px solid #526d7c;background:#2a465a;color:#fff;font-size:9px;padding:7px 12px;border-radius:7px;transform:rotate(-7deg);display:flex;gap:7px;align-items:center}.floating-python svg{color:#f1c66c;width:15px;height:15px}.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 2px 23px;border-bottom:1px solid var(--line);margin-bottom:30px}.intro-fact{display:flex;align-items:center;gap:10px;font-size:10px;color:#7e8c99}.intro-fact>span:first-child{color:var(--teal);background:#eaf2f4;border-radius:7px;padding:7px}.intro-fact svg{width:16px;height:16px}.intro-fact strong{color:#465c6f}.section-top{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px;gap:15px}.section-top h2{font-size:17px;font-weight:600;line-height:1.9}.section-top p{font-size:10px;color:#83909e;margin:2px 0 0}.text-link{font-size:10px;color:var(--teal);display:flex;align-items:center;gap:6px;white-space:nowrap}.text-link svg{width:13px;height:13px}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);position:relative;transition:border-color .2s,transform .2s;display:flex;flex-direction:column;align-items:flex-start}.path-card:hover{border-color:#b1d7da;transform:translateY(-3px)}.path-card.recommended{border-color:#b8dddd;background:linear-gradient(130deg,#fff,#f3fbfa)}.card-icon{width:39px;height:39px;border-radius:11px;background:#eef4fb;color:#5785b6;display:grid;place-items:center;margin-bottom:18px}.card-icon.teal{background:#eaf6f4;color:var(--teal)}.card-icon.purple{background:#f2eff9;color:#8c78af}.card-icon.amber{background:#fff5e7;color:#bb914d}.card-kicker{color:#94a0ad;font:9px/1.8 DM Sans,sans-serif;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:6px}.path-card h3{font-size:13px;line-height:1.9;margin-bottom:7px}.path-card p{font-size:11px;color:#7a8998;line-height:2;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;color:#7b91a0;margin-top:9px;padding-top:13px;border-top:1px solid #edf1f4}.card-bottom svg{width:14px;height:14px}.recommend-tag{position:absolute;right:16px;top:20px;color:var(--teal);font-size:8px;background:#e4f3ef;padding:3px 7px;border-radius:4px}.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-row{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:13px;padding:16px 19px;transition:border-color .2s}.lesson-row:hover{border-color:#adcdd2}.lesson-index{font:11px DM Sans,sans-serif;color:#9baab6}.lesson-row .lesson-info{flex:1}.lesson-row h3{font-size:11px;line-height:1.9;font-weight:500}.lesson-row p{font-size:9px;color:#98a3b0;margin:0}.lesson-row>svg{width:15px;height:15px;color:#b0bbc5}.info-banner{border:1px solid #d9e9eb;background:#edf6f7;border-radius:10px;display:flex;gap:12px;padding:17px 20px;color:#4d7982;font-size:11px;margin:23px 0;line-height:2}.info-banner>svg{flex-shrink:0;margin-top:2px;width:18px;height:18px}.info-banner p{margin:0}.info-banner.amber{background:#fffaef;border-color:#f0e4ca;color:#957a49}.info-banner strong{color:inherit}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px}.panel h2{font-size:17px;line-height:1.9;margin-bottom:10px}.panel h3{font-size:13px;margin-bottom:8px;line-height:2}.panel p{font-size:12px;color:#718294;line-height:2.1}.panel p:last-child{margin-bottom:0}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:15px 0 5px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;min-width:540px}th{background:#f7f9fb;color:#667e91;font-weight:600;font-size:10px;padding:13px 17px;white-space:nowrap}td{padding:14px 17px;border-top:1px solid var(--line);color:#6f8293;line-height:2;vertical-align:top}td:first-child{color:#375065;font-weight:500;min-width:140px}td em{font-size:9px;display:block;font-style:normal;color:#8e9dab}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.8;padding:3px 9px;border-radius:5px;background:#eef4f7;color:#7a91a0;white-space:nowrap}.pill.teal{color:#248378;background:#e9f6ef}.pill.amber{background:#fff4df;color:#a07a3d}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.knowledge-item{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:10px}.knowledge-item svg{width:20px;height:20px;flex-shrink:0;color:#558599;margin-top:3px}.knowledge-item h3{font-size:11px;margin-bottom:5px}.knowledge-item p{font-size:10px;color:#7f90a0;margin:0}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.check-item{padding:15px 17px;background:#f7f9fb;border:1px solid transparent;border-radius:9px;display:flex;align-items:flex-start;gap:11px;cursor:pointer;transition:background .2s,border-color .2s}.check-item:has(input:checked){background:#eef8f3;border-color:#d1e8dd}.check-item input{accent-color:var(--teal);width:16px;height:16px;flex-shrink:0;margin:5px 0 0}.check-item strong{font-size:11px;display:block;color:#496477}.check-item small{font-size:9px;color:#8a9ca9;display:block;margin-top:2px}.readiness-result{display:flex;gap:12px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:#798e9c}.readiness-result .button{margin-left:auto}.readiness-count{background:#eaf5f4;color:var(--teal);padding:5px 11px;border-radius:6px;font-family:DM Sans,sans-serif}.journey{display:flex;gap:7px;margin:25px 0 20px;align-items:stretch}.journey-step{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:#f8fafb;padding:17px 10px;text-align:center;color:#899aa8;position:relative;transition:all .2s}.journey-step.active{background:var(--teal-soft);border-color:#8fc5c9;color:var(--teal-dark)}.journey-step>svg{margin:0 auto 9px;width:24px;height:24px}.journey-step strong{display:block;font-size:10px}.journey-step small{font-size:8px;display:block;line-height:1.7;margin-top:4px}.journey-arrow{display:flex;align-items:center;color:#b4c2cc;font-size:19px}.journey-explanation{padding:20px;border:1px solid #dbeaec;border-radius:10px;background:#f5fbfb;min-height:106px}.journey-explanation strong{font-size:12px;color:#2c7981}.journey-explanation p{margin:5px 0 0;font-size:11px}.concept-row{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.concept-row:last-child{border-bottom:0}.concept-row>span{width:32px;height:32px;background:#f0f5f8;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#7894a4}.concept-row>span svg{width:17px;height:17px}.concept-row h3{font:600 12px/2 "DM Sans",var(--my-font)}.concept-row p{font-size:11px;line-height:2;margin:0}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#f9fbfc;padding:9px 13px;gap:9px}.search-box svg{width:16px;height:16px;color:#95a7b4;flex-shrink:0}.search-box input{border:0;background:transparent;outline:0;color:var(--ink);width:100%;font-size:11px;line-height:2}.search-box input::placeholder{color:#a0adb8}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:15px}.glossary-entry{padding:14px 0;border-bottom:1px solid var(--line)}.glossary-entry dt{font-size:12px;font-weight:600;color:#4a6a80;line-height:1.7}.glossary-entry dd{font-size:10px;color:#8395a3;margin:5px 0 0;line-height:2}.quiz-question{font-size:12px;color:#466479;margin:20px 0 12px;font-weight:600}.quiz-options{display:flex;gap:9px;flex-wrap:wrap}.quiz-option{border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:#74889a;font-size:10px;padding:10px 15px}.quiz-option.correct{background:#eaf8f0;border-color:#a7d2b6;color:#387951}.quiz-option.incorrect{background:#fff1ed;border-color:#eac0b2;color:#a06c56}.quiz-feedback{font-size:10px;min-height:28px;color:var(--teal);margin-top:12px}.wizard-layout{display:grid;grid-template-columns:185px 1fr;gap:24px;align-items:start}.wizard-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;position:sticky;top:105px}.wizard-nav button{display:flex;align-items:center;gap:10px;background:transparent;color:#8797a5;font-size:10px;padding:12px 10px;width:100%;text-align:left;border-radius:7px;line-height:2}.wizard-nav button.active{background:var(--teal-soft);color:var(--teal-dark)}.wizard-nav button span{height:21px;width:21px;border-radius:6px;border:1px solid #e1e8ed;font:10px/21px DM Sans,sans-serif;text-align:center;flex-shrink:0}.wizard-nav button.active span{background:var(--teal);border-color:var(--teal);color:#fff}.wizard-content{min-width:0}.wizard-content>.panel{padding:28px}.step-number{font:10px DM Sans,sans-serif;color:var(--teal);letter-spacing:1.3px;margin-bottom:9px}.instruction-list{padding-left:23px;margin:17px 0}.instruction-list li{padding-left:5px;font-size:12px;color:#6c8192;line-height:2.2;margin-bottom:13px}.instruction-list li::marker{color:var(--teal);font-weight:600}.instruction-list strong{color:#3e5d73}.code-block{border:1px solid #2d4659;background:#1b3041;border-radius:10px;overflow:hidden;margin:15px 0;color:#c1d4e1}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #ffffff0d;font:10px/1.8 DM Sans,sans-serif;color:#87a3b6;background:#172b3c}.code-toolbar>span{display:flex;align-items:center;gap:7px}.code-toolbar .code-dots{display:flex;gap:4px;margin-right:5px}.code-dots i{height:5px;width:5px;border-radius:50%;background:#537185}.copy-button{font:9px/1.8 "DM Sans",var(--my-font);display:flex;align-items:center;gap:5px;background:#ffffff0b;color:#a1bbc9;border-radius:4px;padding:3px 7px}.copy-button:hover{background:#ffffff15}.copy-button svg{width:12px;height:12px}.code-block pre{font:11px/2 Consolas,SFMono-Regular,monospace;padding:18px 19px;margin:0;overflow:auto;-moz-tab-size:4;tab-size:4;max-height:480px}.code-block pre code{font-size:inherit;white-space:pre}.code-note{font-size:10px;color:#8d9fac;margin:7px 0 16px}.os-tabs{display:flex;background:#eef3f6;border-radius:7px;padding:3px;gap:2px;width:max-content;margin:17px 0}.os-tab{font:10px/1.8 DM Sans,sans-serif;padding:6px 13px;color:#8397a7;background:transparent;border-radius:5px}.os-tab.active{background:#fff;color:var(--teal);box-shadow:0 1px 3px #1c3f5010}.wizard-footer{display:flex;justify-content:space-between;gap:15px;padding-top:5px}.step-tip{padding:15px;background:#f3f8fa;border-radius:8px;font-size:11px;color:#74909f;line-height:2.1;margin-top:18px}.step-tip strong{color:#4b7f91}.file-download{display:flex;align-items:center;gap:14px;border:1px solid #c3dfdd;background:#f2fbf8;border-radius:10px;padding:17px 19px;margin:19px 0}.file-download>span{color:var(--teal)}.file-download svg{width:27px;height:27px}.file-download h3{font:600 12px/1.8 DM Sans,sans-serif;margin:0}.file-download p{font-size:9px;margin:3px 0 0;color:#89a195}.file-download .button{margin-left:auto;white-space:nowrap}.playground-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.demo-chat{border:1px solid #dce6ed;background:#f5f9fc;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-height:530px}.demo-chat .chat-titlebar{padding:18px 22px}.demo-chat .bot-avatar{width:40px;height:40px}.demo-chat .chat-name{font-size:13px}.demo-chat .chat-status{font-size:9px}.demo-chat .pill{margin-left:auto}.demo-body{padding:22px;display:flex;flex-direction:column;gap:14px;min-height:300px;max-height:450px;overflow-y:auto;background-image:radial-gradient(#b9cbd530 1px,transparent 1px);background-size:21px 21px;flex:1}.demo-body .bubble{font-size:12px;max-width:85%}.demo-body .system-message{font-size:9px;line-height:2;color:#8ba0b0;text-align:center;align-self:center;max-width:90%;border-radius:6px;padding:4px 10px;background:#e9f0f5}.quick-commands{padding:13px 17px;display:flex;gap:6px;border-top:1px solid #e7eef3;background:#fff}.quick-commands button{border:1px solid #deeaef;background:#f8fafc;color:#6d94a8;font:10px/1.9 Consolas,monospace;border-radius:5px;padding:4px 9px}.quick-commands button:hover{border-color:#8fbec9;color:var(--teal)}.demo-form{display:flex;background:#fff;gap:10px;padding:13px 16px;border-top:1px solid #e9eef2}.demo-form input{border:0;flex:1;min-width:0;outline:0;background:#f4f7fa;border-radius:7px;padding:10px 12px;font-size:11px;color:#577288}.demo-form .send-button{color:#fff;background:var(--teal);border-radius:8px;width:40px;display:grid;place-items:center;flex-shrink:0}.demo-form svg{width:18px;height:18px}.control-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.control-row:last-child{border-bottom:0}.control-row strong{display:block;font-size:11px;color:#58748a}.control-row small{display:block;color:#97a7b5;font-size:9px}.switch{display:inline-flex;position:relative;height:23px;width:40px;flex-shrink:0}.switch input{width:40px;height:23px;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer;z-index:1}.switch:has(input:focus-visible){outline:3px solid #7cc8d5;outline-offset:4px;border-radius:20px}.switch-track{background:#d7e2e9;border-radius:20px;width:100%;transition:background .2s}.switch-track:after{content:"";width:17px;height:17px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #14324930;transition:transform .2s}.switch input:checked+.switch-track{background:var(--teal)}.switch input:checked+.switch-track:after{transform:translate(17px)}.demo-select{background:#f5f8fa;border:1px solid var(--line);padding:5px 8px;border-radius:6px;color:#6d8496;font-size:10px;max-width:150px}.plain-button{background:transparent;border:0;color:#8da0ad;font-size:10px;display:flex;gap:6px;align-items:center}.plain-button svg{width:13px;height:13px}.status-insight{background:#f4f8fb;border-radius:8px;padding:15px;font-size:11px;color:#7690a3;line-height:2;margin-top:15px;min-height:90px}.status-insight strong{color:#527a8e}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.pipeline button{position:relative;text-align:left;background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:17px;color:#748da0;transition:all .2s}.pipeline button.active{border-color:#8bc3c6;background:#edf8f5;color:#388b85}.pipeline button .pipeline-number{font:9px DM Sans,sans-serif;color:#a0b1be;position:absolute;top:13px;right:13px}.pipeline button>svg{width:21px;height:21px;margin-bottom:10px}.pipeline button strong{font:600 11px/1.8 "DM Sans",var(--my-font);display:block}.pipeline button small{font-size:9px;display:block;margin-top:2px}.file-map{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:15px}.file-map>div{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:10px;color:#7b94a5}.file-map code{min-width:120px;color:#476b83;font-size:11px}.disclosure{border-bottom:1px solid var(--line);padding:0}.disclosure:last-child{border-bottom:0}.disclosure summary{list-style:none;cursor:pointer;padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:#526f84;font-size:12px;line-height:2}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:after{content:"+";font:20px DM Sans,sans-serif;line-height:1.8;color:#9bafbd}.disclosure[open] summary:after{content:"−"}.disclosure-content{padding:0 20px 20px 0;font-size:11px;color:#7991a1;line-height:2.2}.disclosure-content p{font-size:11px}.disclosure-content ol,.disclosure-content ul{padding-left:20px;margin:6px 0}.error-tag{font:9px/1.7 DM Sans,sans-serif;background:#f2f5f8;padding:3px 6px;border-radius:4px;color:#8b9dab;margin-left:9px;white-space:nowrap}.no-results{font-size:12px;text-align:center;padding:30px;color:#899ba9}.source-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.source-link{display:flex;gap:12px;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:9px;align-items:center;color:#718b9f}.source-link:hover{border-color:#a8cbd0}.source-link>svg{width:18px;height:18px;flex-shrink:0}.source-link strong{display:block;font-size:11px;color:#4c6e87}.source-link small{font-size:9px;display:block;color:#91a4b2}.source-link .source-external{margin-left:auto}.source-link .source-external svg{width:13px;height:13px}.skill-flow{display:flex;align-items:center;gap:12px;margin:20px 0}.skill-flow>div{flex:1;background:#f4f8fa;border:1px solid var(--line);padding:17px 10px;border-radius:9px;text-align:center;font-size:10px;color:#718da1}.skill-flow svg{margin:0 auto 8px;color:var(--teal);width:22px;height:22px}.skill-flow>span{color:#a9bcc8}.skill-flow strong{display:block;color:#496d85;font-size:11px}.skill-flow small{font-size:8px;display:block;margin-top:4px}.module-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px;margin-top:30px;padding-top:24px;flex-wrap:wrap}.completion-button{display:flex;align-items:center;gap:8px;border:1px solid #dce6eb;background:#fff;color:#7a92a3;padding:9px 14px;border-radius:7px;font-size:10px}.completion-button.done{background:#eaf7f0;border-color:#b6d9c8;color:#428566}.completion-button svg{height:15px;width:15px}.next-link{display:flex;align-items:center;gap:12px;font-size:10px;color:#69889d}.next-link strong{display:block;font-size:11px;color:#3c7f8c}.next-link svg{width:17px;height:17px}.site-footer{max-width:1390px;margin:auto;padding:20px 44px 26px;color:#a0afbb;font-size:9px;display:flex;justify-content:space-between;gap:15px}.footer-separator{padding:0 7px;color:#c0ccd5}.toast{position:fixed;bottom:28px;left:calc(50% + 110px);transform:translate(-50%,16px);background:#1d4050;color:#fff;border:1px solid #547986;border-radius:9px;padding:11px 21px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:70;box-shadow:0 8px 20px #12313f25;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%)}.sidebar-scrim{display:none}.noscript-message{position:fixed;z-index:100;top:20px;right:10%;bottom:20px;left:10%;padding:40px;background:#fff;border:2px solid var(--teal);height:max-content}.noscript-message a{text-decoration:underline}.empty-search{grid-column:1/-1;text-align:center;padding:20px;color:#90a3b0;font-size:11px}.mobile-only{display:none}.print-button{font-size:10px;padding:7px 11px}.hero-kicker{display:flex;align-items:center;gap:8px}.hero-kicker span{width:5px;height:5px;border-radius:50%;background:#77d1ba}.flow-live{animation:flow-pulse 2.5s ease-in-out infinite}@keyframes flow-pulse{50%{opacity:.45}}@media (min-width:1500px){.hero{min-height:425px}.hero h1{font-size:39px}.hero-copy>p{font-size:12px}.hero-art{padding-right:24px}.mini-chat{max-width:325px}.floating-code{right:4px;bottom:14px}.hero .eyebrow{font-size:10px}}@media (max-width:1180px){:root{--sidebar:225px}.sidebar{padding-left:15px;padding-right:15px}.topbar{padding:0 29px}main{padding:30px 29px}.hero{padding:32px 27px;gap:15px}.hero h1{font-size:28px}.hero-copy>p{font-size:10px}.hero-art{padding-left:15px;padding-right:0}.floating-code{right:-10px;font-size:8px;bottom:20px}.orbit-circle{width:265px;height:265px;top:35px}.hero-badges{gap:6px}.hero-badges span{font-size:8px}.hero-actions{gap:10px}.hero-actions .button{font-size:10px;padding:10px 12px}.path-card{padding:19px}.path-card h3{font-size:12px}.path-card p{font-size:10px}.recommend-tag{font-size:7px;right:12px;top:18px}.intro-fact{font-size:9px}.intro-fact strong{display:block}.intro-fact>span:first-child{padding:6px}.wizard-layout{grid-template-columns:160px 1fr;gap:17px}.wizard-content>.panel{padding:23px}.site-footer{padding-left:29px;padding-right:29px}.playground-grid{grid-template-columns:1.1fr .9fr}.panel{padding:23px}.pipeline button{padding:14px}.file-map{grid-template-columns:1fr}}@media (max-width:950px){:root{--sidebar:200px}.brand{font-size:20px;padding:0 6px}.brand-icon{width:35px;height:35px}.brand-sub{font-size:8px}.sidebar{padding-left:12px;padding-right:12px}.course-label{font-size:8px;padding:0 9px}.course-label span{font-size:6px}.nav-item{padding:10px 9px;font-size:10px;gap:9px}.sidebar-bottom{padding:22px 8px 0}.resources-link,.sidebar-bottom p{font-size:8px}.hero{grid-template-columns:1fr .85fr;padding:27px 23px}.hero h1{font-size:25px}.hero-actions{align-items:flex-start;flex-direction:column;gap:3px}.hero-badges{margin-bottom:15px}.mini-chat{transform:rotate(-1deg)}.floating-python{font-size:8px;left:0;top:12px;padding:5px 8px}.mini-chat-body{min-height:160px;padding:12px 8px}.bubble{font-size:8px;padding:7px 9px}.mini-chat .chat-titlebar{padding:11px}.mini-chat .bot-avatar{height:28px;width:28px}.mini-chat .chat-name{font-size:9px}.floating-code{padding:8px 10px;font-size:7px;bottom:40px}.hero-copy>p{font-size:9px}.intro-strip{flex-wrap:wrap;gap:12px}.intro-fact{font-size:8px}.intro-fact svg{height:14px;width:14px}.path-grid{gap:10px}.path-card{padding:17px}.path-card h3{font-size:10px}.path-card p{font-size:9px}.card-bottom{font-size:8px}.recommend-tag{top:19px;right:9px;font-size:6px}.card-icon{width:32px;height:32px;margin-bottom:15px}.card-icon svg{height:18px;width:18px}.lesson-row{padding:13px;gap:10px}.lesson-row h3{font-size:10px}.lesson-row p{font-size:8px}.page-title{font-size:25px}.page-desc{font-size:11px}.topbar{height:70px}.topbar-right{gap:12px}.language-badge{padding-right:12px;font-size:8px}.github-link{font-size:9px;gap:5px}.two-column,.playground-grid{grid-template-columns:1fr}.three-column{gap:10px}.knowledge-grid,.source-list,.wizard-layout{grid-template-columns:1fr}.wizard-nav{position:static;display:flex;overflow:auto;padding:6px;gap:4px}.wizard-nav button{width:auto;white-space:nowrap;font-size:9px;padding:8px}.wizard-nav button span{width:18px;height:18px;line-height:18px}.checklist{grid-template-columns:1fr}.journey{gap:4px}.journey-step{padding:12px 5px}.journey-step small{font-size:7px}.journey-step strong{font-size:8px}.journey-step>svg{height:20px;width:20px}.journey-arrow{font-size:13px}.site-footer{flex-direction:column;gap:5px}.demo-chat{min-height:480px}.demo-body{max-height:360px}.glossary{gap:0 15px}.file-download{flex-wrap:wrap}.file-download .button{margin-left:0}.hero .eyebrow{font-size:8px;letter-spacing:1px}}@media (max-width:700px){:root{--sidebar:248px}.sidebar{transform:translate(-100%);transition:transform .25s;padding:30px 21px;box-shadow:10px 0 30px #193c4d10}.sidebar.open{transform:translate(0)}.sidebar-scrim.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#132e4855;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.brand{font-size:23px;padding:0 12px}.brand-icon{width:40px;height:40px}.brand-sub,.course-label{font-size:10px}.course-label span{font-size:8px}.nav-item{font-size:12px;padding:11px 13px;gap:12px}.sidebar-bottom p{font-size:9px}.resources-link{font-size:10px}.workspace{margin-left:0}.menu-button{display:block;padding:6px}.menu-button svg{width:18px;height:18px}.topbar{height:66px;padding:0 20px}.topbar-left{gap:12px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.language-badge{display:none}.github-link span:not(:first-child){display:none}.github-link svg{width:20px;height:20px}main{padding:25px 20px}.hero{grid-template-columns:1fr;gap:20px;padding:30px 26px 32px;min-height:auto}.hero h1{font-size:29px;line-height:1.85;margin-top:18px}.hero-copy>p{max-width:500px;font-size:11px}.hero .eyebrow{font-size:8px}.hero-badges span{font-size:9px;padding:4px 9px}.hero-actions{flex-direction:row;align-items:center;gap:17px;margin-top:22px}.hero-actions .button{font-size:10px;padding:11px 14px}.hero-art{min-height:280px;max-width:360px;width:100%;margin:0 auto;padding:12px 15px 25px}.mini-chat{max-width:270px}.mini-chat .chat-titlebar{padding:12px 15px}.mini-chat .chat-name{font-size:10px}.mini-chat-body{min-height:157px}.bubble{font-size:10px;padding:8px 12px}.floating-python{left:2px;top:-2px;font-size:9px;padding:6px 9px}.floating-code{bottom:2px;right:1px;font-size:8px;padding:9px 12px}.orbit-circle{width:265px;height:265px;top:5px}.intro-strip{gap:14px;padding:18px 0 22px}.intro-fact{font-size:8px;flex:1}.intro-fact strong{display:block}.intro-fact>span:first-child{padding:5px}.intro-fact svg{height:13px;width:13px}.path-grid{grid-template-columns:1fr;gap:13px}.path-card{padding:23px 23px 19px}.path-card .card-icon{width:38px;height:38px}.path-card h3{font-size:14px}.path-card p{font-size:11px}.card-kicker{font-size:9px}.card-bottom{font-size:10px;padding-top:12px}.recommend-tag{font-size:9px;right:22px;top:23px}.section-top h2{font-size:16px}.section-top p{font-size:9px}.lesson-list{grid-template-columns:1fr}.lesson-row{padding:16px 18px}.lesson-row h3{font-size:11px}.lesson-row p{font-size:9px}.lesson-index{font-size:11px}.page-title{font-size:25px}.page-intro{gap:9px}.chapter-count{font-size:8px;padding:4px 9px}.page-desc{font-size:11px}.info-banner{padding:15px;font-size:10px}.panel{padding:21px}.panel h2{font-size:16px}.panel p{font-size:11px}.knowledge-item p{font-size:10px}.two-column,.three-column{grid-template-columns:1fr;gap:0}.knowledge-grid{gap:11px}.readiness-result{flex-wrap:wrap;font-size:10px}.readiness-result .button{margin-left:0}.journey{flex-wrap:wrap;gap:6px}.journey-step{flex:1;min-width:70px;padding:12px 5px}.journey-step strong{font-size:9px}.journey-step small{font-size:7px}.journey-arrow{display:none}.journey-explanation{padding:16px;min-height:135px}.glossary{grid-template-columns:1fr}.wizard-nav{gap:2px}.wizard-nav button{font-size:8px;gap:6px}.wizard-content>.panel{padding:21px}.instruction-list{padding-left:19px}.instruction-list li{font-size:11px}.code-block pre{font-size:10px;padding:16px}.file-download{padding:15px;gap:10px}.file-download .button{margin-left:auto}.file-download h3{font-size:10px}.file-download p{font-size:8px}.file-download>span>svg{width:23px;height:23px}.wizard-footer .button{font-size:10px}.pipeline{grid-template-columns:1fr 1fr;gap:9px}.pipeline button strong{font-size:10px}.pipeline button small{font-size:8px}.file-map code{min-width:112px;font-size:10px}.file-map>div{font-size:9px}.disclosure summary{font-size:11px}.error-tag{font-size:8px;margin-left:5px}.disclosure-content,.disclosure-content p{font-size:10px}.skill-flow{gap:7px;flex-wrap:wrap}.skill-flow>div{flex:1;min-width:80px;padding:14px 7px}.skill-flow>span{display:none}.skill-flow strong{font-size:10px}.skill-flow small{font-size:7px}.module-footer{gap:20px}.site-footer{padding:10px 20px 25px;font-size:8px}.toast{left:50%;font-size:10px}.demo-chat{min-height:490px}.demo-body{padding:18px;min-height:270px}.demo-body .bubble{font-size:11px}.demo-chat .chat-titlebar{padding:15px}.demo-chat .chat-name{font-size:11px}.demo-chat .pill{font-size:8px}.source-list{gap:10px}.source-link{padding:14px}.source-link strong{font-size:10px}.source-link small{font-size:8px}.text-link{font-size:9px}.hero h1 em{white-space:normal}}@media (min-width:701px) and (max-width:900px){.sidebar{transform:translate(-100%);transition:transform .25s;width:248px;padding:30px 21px;box-shadow:10px 0 30px #193c4d10}.sidebar.open{transform:translate(0)}.sidebar-scrim.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#132e4855;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workspace{margin-left:0}.menu-button{display:block;padding:6px}.menu-button svg{width:18px;height:18px}.topbar-left{gap:12px}.brand{font-size:23px}.nav-item{font-size:12px;padding:11px 13px}.course-label{font-size:10px}.course-label span{font-size:8px}.resources-link{font-size:10px}.sidebar-bottom p{font-size:9px}.hero h1{font-size:29px}.hero-copy>p{font-size:11px}.hero-actions{flex-direction:row;align-items:center;gap:13px}.floating-code{font-size:8px;bottom:10px}.hero-badges span{font-size:9px}.path-card h3{font-size:12px}.path-card p{font-size:11px}.recommend-tag{font-size:7px}.intro-fact{font-size:10px}.lesson-row h3{font-size:12px}.lesson-row p{font-size:10px}.toast{left:50%}.sidebar-note{font-size:10px}.your-progress{font-size:11px}}@media (max-width:700px){.page-intro{display:block}.page-title{font-size:23px}.chapter-count{display:inline-block;margin-top:10px}.page-intro:has(+.hero) .chapter-count{display:none}.page-intro:has(+.hero) .page-title{font-size:20px;line-height:1.9}.page-desc,.hero-copy>p,.panel p,.instruction-list li,.path-card p{font-size:12px}.knowledge-item p,.disclosure-content,.disclosure-content p{font-size:11px}.toast{left:50%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.sidebar,.topbar,.hero-art,.module-footer,.site-footer,.copy-button,.wizard-nav,.quick-commands,.demo-form,.toast,.hero-actions{display:none!important}.workspace{margin:0}main{padding:0}.hero{background:#fff;color:#183448;display:block;min-height:0}.hero p,.hero .eyebrow{color:#536d7f}.hero h1 em{color:#168b9a}.panel,.path-card,.code-block{break-inside:avoid}.code-block{background:#f4f6f8;color:#23435a;border-color:#d6e0e7}.code-toolbar{background:#eaf0f4;color:#52778c}body{background:#fff}a[href^=http]:after{content:" (" attr(href) ")";font-size:8px;overflow-wrap:anywhere}}