@import "https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--paper:#f7f6f1;--paper-2:#eeeee7;--ink:#17251f;--muted:#6b756e;--line:#dfe1d9;--mint:#50d3b0;--mint-dark:#178d73;--mint-pale:#dff7ed;--coral:#ff8b75;--white:#fff;--navy:#172820;--navy-2:#20372e;--serif:"Cairo","IBM Plex Sans Arabic",sans-serif;--sans:"IBM Plex Sans Arabic","Cairo",sans-serif;--mono:"JetBrains Mono",monospace;--radius:20px;--shadow:0 18px 60px #1c302717}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:16px;line-height:1.75}button,a,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.section-wrap{width:min(1180px,100% - 64px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:8px 14px;position:absolute;top:-60px;right:16px}.skip-link:focus{top:12px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f7f6f1e6;border-bottom:1px solid #dfe1d9cc;height:82px;position:sticky;top:0}.header-inner{align-items:center;gap:56px;width:min(1280px,100% - 64px);height:100%;margin:auto;display:flex}.brand{flex-shrink:0;align-items:center;gap:9px;display:inline-flex}.brand-symbol{background:var(--ink);color:#f7f6f1;width:40px;height:40px;font-family:var(--mono);border-radius:13px;place-items:center;font-size:20px;font-weight:600;display:grid}.brand-symbol svg{width:34px;height:34px}.brand-word{font:800 24px/1 var(--serif);letter-spacing:-1.2px}.brand-dot{color:var(--mint-dark)}.main-nav{color:#526057;gap:34px;margin-inline-start:auto;font-size:14px;font-weight:600;display:flex}.main-nav a{transition:color .2s}.main-nav a:hover,.text-link:hover{color:var(--mint-dark)}.header-cta{background:var(--ink);color:#fff;border-radius:9px;align-items:center;gap:16px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:flex}.header-cta:hover{background:#2b4337;transform:translateY(-2px)}.header-cta span{color:var(--mint);font-size:18px}.menu-toggle{display:none}.hero{grid-template-columns:.96fr 1.04fr;align-items:center;gap:30px;min-height:594px;padding-block:76px 64px;display:grid;position:relative}.hero-copy{z-index:2;max-width:530px;position:relative}.eyebrow{color:#68766c;letter-spacing:.025em;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.eyebrow-dot{background:var(--mint-dark);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #50d3b02b}.hero h1,.section-heading h2,.progress-intro h2{font:800 clamp(48px,6.2vw,78px)/1.17 var(--serif);letter-spacing:-3px;margin:22px 0 18px}.ink-highlight{white-space:nowrap;z-index:0;position:relative}.ink-highlight:after{content:"";z-index:-1;background:#b9efdd;border-radius:3px;height:15px;position:absolute;inset:auto 0 4px;transform:rotate(-1.6deg)}.hero-description{color:#617067;max-width:425px;margin:0;font-size:17px;line-height:1.95}.hero-actions{align-items:center;gap:28px;margin-top:30px;display:flex}.button{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:18px;padding:13px 20px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:#fff;box-shadow:0 6px #17251f14}.button-primary:hover{background:#294136;box-shadow:0 9px 24px #17251f29}.button-primary span{color:var(--mint);font-size:19px}.text-link{align-items:center;gap:11px;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex}.play-icon{width:27px;height:27px;color:var(--mint-dark);border:1px solid #cfd7d0;border-radius:50%;place-items:center;padding-right:2px;font-size:9px;display:grid}.hero-footnote{align-items:center;gap:13px;margin-top:38px;display:flex}.avatar-stack{direction:ltr;display:flex}.avatar-stack span{border:2px solid var(--paper);color:#395144;width:30px;height:30px;font:700 12px var(--serif);background:#dce9df;border-radius:50%;place-items:center;margin-left:-8px;display:grid}.avatar-stack span:nth-child(2){background:#f4d5c6}.avatar-stack span:nth-child(3){background:#cee8db}.hero-footnote p{color:#79827c;margin:0;font-size:11px;line-height:1.55}.hero-footnote strong{color:#34433a;font-weight:700}.hero-art{place-items:center;min-height:410px;display:grid;position:relative}.hero-art>img{z-index:1;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.94);width:min(540px,100%);height:410px;position:relative}.art-orbit{border:1px solid #178d7326;border-radius:50%;position:absolute;transform:rotate(-22deg)}.art-orbit-one{width:85%;height:70%}.art-orbit-two{opacity:.7;border-style:dashed;width:99%;height:84%}.floating-note{z-index:2;background:#fffffff0;border:1px solid #e5e8e1;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;box-shadow:0 12px 32px #1a372717}.floating-note span:last-child{flex-direction:column;line-height:1.45;display:flex}.floating-note small{color:#8b948d;font-size:9px}.floating-note strong{color:var(--ink);font-size:12px}.note-top{top:41px;left:5px}.note-bottom{bottom:42px;right:0}.note-glyph{font:700 15px var(--mono);color:var(--mint-dark);background:var(--mint-pale);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.note-check{background:var(--ink);width:34px;height:34px;color:var(--mint);border-radius:50%;place-items:center;font-weight:700;display:grid}.art-spark{color:var(--coral);font-size:24px;position:absolute}.spark-one{top:35px;right:55px}.spark-two{color:var(--mint-dark);font-size:18px;bottom:59px;left:35px}.hero-index{color:#98a098;font:11px var(--mono);align-items:center;gap:11px;display:flex;position:absolute;bottom:48px;right:0}.hero-index>span:first-child{color:var(--mint-dark)}.index-line{background:#c9d3cb;width:35px;height:1px}.intro-strip{border-block:1px solid var(--line);background:#f0f0ea}.intro-strip-inner{color:#546258;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 64px);min-height:71px;margin:auto;font-size:12px;font-weight:600;display:flex}.strip-label{color:#8b958d;font-size:11px}.intro-strip-inner i{background:#9caf9e;border-radius:50%;width:4px;height:4px}.roadmap-section{padding-block:116px 126px}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.section-heading h2,.progress-intro h2{letter-spacing:-2px;margin:16px 0 0;font-size:clamp(38px,4.5vw,56px);line-height:1.32}.soft-highlight{color:#91a297}.heading-aside{max-width:330px;padding-bottom:6px}.heading-aside p{color:#788179;margin:0 0 17px;font-size:14px;line-height:1.9}.micro-label{color:#7b877e;font:10px var(--mono);letter-spacing:.06em}.roadmap-layout{grid-template-columns:58px 1fr;gap:30px;display:grid}.roadmap-rail{flex-direction:column;justify-content:space-between;align-items:center;padding-top:7px;padding-bottom:6px;display:flex;position:relative}.rail-start,.rail-end{writing-mode:vertical-rl;color:#8b988e;white-space:nowrap;font-size:10px;transform:rotate(180deg)}.rail-track{background:#dce3dc;border-radius:5px;flex:1;width:2px;min-height:490px;margin:14px 0;position:relative}.rail-fill{background:var(--mint-dark);border-radius:5px;width:100%;height:5%;transition:height .5s;position:absolute;top:0;right:0}.rail-node{background:#fafaf6;border:2px solid #bac8bd;border-radius:50%;width:12px;height:12px;margin-right:-6px;position:absolute;right:50%}.rail-node.node-1{top:0}.rail-node.node-2{top:25%}.rail-node.node-3{top:50%}.rail-node.node-4{top:75%}.rail-node.node-5{bottom:0}.unit-list{flex-direction:column;gap:13px;display:flex}.unit-card{background:#ffffff8c;border:1px solid #e7e9e2;border-radius:15px;grid-template-columns:68px minmax(180px,1fr) auto 44px;align-items:center;gap:20px;padding:21px 22px;transition:transform .22s,border .22s,background .22s;display:grid;position:relative}.unit-card:hover{background:#fff;border-color:#c5d9cc;transform:translate(-4px)}.unit-card.is-active{background:#fff;border-color:#178d7373;box-shadow:0 8px 32px #193c2c0d}.unit-icon{color:#28876e;width:58px;height:58px;font:700 19px var(--mono);background:#e5f6ec;border-radius:16px;place-items:center;display:grid;position:relative}.unit-card:nth-child(2) .unit-icon{color:#718243;background:#eef0dd}.unit-card:nth-child(3) .unit-icon{color:#b96852;background:#f7e6df}.unit-card:nth-child(4) .unit-icon{color:#597896;background:#e7edf5}.unit-card:nth-child(5) .unit-icon{color:#916b9b;background:#f1e8f2}.unit-card.is-done .unit-icon{background:var(--ink);color:var(--mint)}.unit-copy .unit-label{color:#89938c;font-size:10px;font-weight:700}.unit-copy h3{font:700 17px var(--serif);margin:2px 0 1px}.unit-copy p{color:#7d877f;margin:0;font-size:12px}.unit-progress{color:#8a948d;white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.tiny-progress{background:#e7eae4;border-radius:8px;width:56px;height:4px;overflow:hidden}.tiny-progress span{background:var(--mint-dark);border-radius:8px;height:100%;display:block}.unit-action{color:#546258;cursor:pointer;background:0 0;border:1px solid #dbe1da;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.unit-card:hover .unit-action,.unit-card.is-active .unit-action{background:var(--ink);color:var(--mint);border-color:var(--ink)}.unit-action svg{width:16px;height:16px}.lab-section{background:var(--navy);color:#f4f6f1;padding-block:104px 111px;position:relative;overflow:hidden}.lab-section:before{content:"";border:1px solid #5fc39d1f;border-radius:50%;width:460px;height:460px;position:absolute;top:3%;left:-280px;box-shadow:0 0 0 45px #5fc39d06,0 0 0 90px #5fc39d05}.lab-wrap{z-index:1;width:min(1180px,100% - 64px);margin:auto;position:relative}.eyebrow-light{color:#a5b9ad}.eyebrow-light .eyebrow-dot{background:var(--mint);box-shadow:0 0 0 4px #50d3b024}.lab-heading{margin-bottom:48px}.lab-heading h2{color:#f4f6f1}.lab-heading h2 span{color:#7ee1c4}.lab-heading .heading-aside p{color:#abb8af}.lab-heading .micro-label{color:#8da395}.lesson-workspace{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:23px;display:grid}.lesson-sidebar{background:#21372d;border:1px solid #bed9c41f;border-radius:15px;padding:22px 19px;position:sticky;top:104px}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.sidebar-kicker,.sidebar-counter{color:#95aa9c;font-size:10px}.sidebar-counter{font-family:var(--mono);direction:ltr}.lesson-sidebar h3{font:700 18px var(--serif);margin:8px 0 18px}.lesson-nav-list{flex-direction:column;gap:6px;display:flex}.lesson-nav-item{color:#aebbb1;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:10px 8px;font-size:12px;display:grid}.lesson-nav-item:hover{color:#fff;background:#ffffff0d}.lesson-nav-item.is-current{color:#fff;background:#304a3d}.lesson-nav-item .lesson-num{font:11px var(--mono);color:#81d9bd}.lesson-nav-item.is-complete .lesson-num{color:var(--mint)}.lesson-nav-item .lesson-check{color:var(--mint);font-size:11px}.sidebar-tip{border-top:1px solid #e3efe61a;align-items:flex-start;gap:9px;margin-top:25px;padding-top:17px;display:flex}.sidebar-tip p{color:#98aa9d;margin:0;font-size:10px;line-height:1.8}.tip-spark{color:var(--coral);font-size:16px}.lesson-main{flex-direction:column;gap:15px;min-width:0;display:flex}.lesson-card,.editor-card,.quiz-card{color:var(--ink);background:#f9faf6;border:1px solid #d0e1d621;border-radius:15px}.lesson-card{padding:27px 29px 24px}.lesson-meta{justify-content:space-between;align-items:center;display:flex}.lesson-tag{color:#32866b;background:#e5f6ec;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:700}.lesson-duration{color:#8a948c;font-size:10px}.lesson-card h3{font:700 25px var(--serif);letter-spacing:-.3px;margin:16px 0 7px}.lesson-lead{color:#647067;margin:0;font-size:13px;line-height:1.85}.concept-note{border-right:3px solid var(--mint-dark);background:#eef7f1;border-radius:7px;align-items:flex-start;gap:10px;margin-top:15px;padding:11px 13px;display:flex}.concept-icon{color:#268469;width:18px;height:18px;font:600 12px var(--serif);border:1px solid #93c8b1;border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.concept-note p{color:#50645a;margin:0;font-size:12px;line-height:1.8}.lesson-example{border:1px solid #e6e9e3;border-radius:9px;margin-top:16px;overflow:hidden}.example-caption{color:#78837a;background:#f0f2ed;justify-content:space-between;align-items:center;height:34px;padding-inline:12px;font-size:9px;display:flex}.example-lang{font:10px var(--mono);direction:ltr;align-items:center;gap:6px;display:flex}.example-lang i,.editor-pill i,.code-footer>span i{background:#40bd96;border-radius:50%;width:6px;height:6px;display:inline-block}.lesson-example pre{text-align:left;white-space:pre-wrap;color:#26745d;font:12px/1.8 var(--mono);direction:ltr;background:#fff;margin:0;padding:12px 15px;overflow:auto}.lesson-actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.button-small{border-radius:7px;gap:11px;padding:8px 12px;font-size:11px}.button-small span{color:var(--mint)}.button-small.is-complete{color:#24775f;box-shadow:none;background:#e5f6ec}.button-small.is-complete span{color:#24775f}.save-hint{color:#8c968f;font-size:10px}.save-hint span{color:#54b995}.editor-card{background:#eff2ec;padding:23px 25px 21px}.editor-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.editor-overline{color:#7d8980;font-size:10px}.editor-heading h3{font:700 17px var(--serif);margin:1px 0 0}.editor-pill{color:#718077;border:1px solid #d9e3da;border-radius:20px;align-items:center;gap:7px;padding:5px 9px;font-size:9px;display:flex}.exercise-prompt{color:#69766d;margin:0 0 12px;font-size:12px}.code-window{background:#14221c;border:1px solid #34483d;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px #16251d1c}.code-topbar{color:#97a99b;height:37px;font:10px var(--mono);background:#20352a;border-bottom:1px solid #ffffff0f;align-items:center;gap:11px;padding-inline:13px;display:flex}.window-dots{direction:ltr;gap:4px;display:flex}.window-dots i{background:#f17f6d;border-radius:50%;width:7px;height:7px}.window-dots i:nth-child(2){background:#e8c367}.window-dots i:nth-child(3){background:#62c797}.reset-code{color:#87a492;font:10px var(--sans);cursor:pointer;background:0 0;border:0;margin-inline-start:auto}.reset-code:hover{color:#c2dfce}.code-window textarea{resize:vertical;color:#a9e0c2;text-align:left;tab-size:2;white-space:pre;width:100%;height:134px;font:12px/1.85 var(--mono);caret-color:var(--mint);direction:ltr;background:#14221c;border:0;outline:0;padding:16px 18px;display:block;overflow:auto}.code-footer{background:#20352a;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 11px;display:flex}.code-footer>span{color:#8ba293;font:9px var(--mono);direction:ltr;align-items:center;gap:7px;display:flex}.run-button{background:var(--mint);color:#123127;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:7px;padding:7px 12px;font-size:10px;font-weight:700;transition:background .2s;display:flex}.run-button:hover{background:#81e8ca}.run-button span{font-size:8px}.output-window{background:#fff;border:1px solid #dde3da;border-radius:8px;grid-template-columns:94px 1fr;min-height:45px;margin-top:10px;display:grid;overflow:hidden}.output-label{color:#849087;background:#f4f6f1;border-left:1px solid #e5e8e2;align-items:center;gap:7px;padding:8px 11px;font-size:9px;display:flex}.output-prompt{font:13px var(--mono);color:#459478}.output-window pre{white-space:pre-wrap;word-break:break-word;color:#405149;text-align:left;font:11px/1.6 var(--mono);direction:ltr;align-self:center;margin:0;padding:8px 11px}#runner-frame{visibility:hidden;pointer-events:none;border:0;width:0;height:0;position:absolute}.quiz-card{background:#fff;border-color:#e4e8e0;gap:16px;padding:20px 23px;display:flex}.quiz-mark{color:#bd745e;width:39px;height:39px;font:700 20px var(--serif);background:#f8ece5;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.quiz-content{flex:1;min-width:0}.quiz-kicker{color:#9b7868;font-size:9px;font-weight:700}.quiz-content h3{font:700 15px var(--serif);margin:1px 0 5px}.quiz-content>p{color:#647168;margin:0 0 10px;font-size:11px}.quiz-options{flex-wrap:wrap;gap:7px;display:flex}.quiz-option{color:#627067;cursor:pointer;background:#fff;border:1px solid #e1e6df;border-radius:7px;padding:6px 10px;font-size:10px;transition:all .16s}.quiz-option:hover{color:#26775e;border-color:#8ccbb1}.quiz-option.is-selected{color:#256f57;background:#eaf7ef;border-color:#2f9575}.quiz-option.is-correct{color:#206e53;background:#e5f7ee;border-color:#4aa783}.quiz-option.is-wrong{color:#a04e41;background:#fff0ed;border-color:#e9a195}.quiz-feedback{color:#277959;min-height:18px;margin-top:7px;font-size:10px}.quiz-feedback.is-wrong{color:#a04e41}.progress-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:9%;padding-block:120px 125px;display:grid;position:relative}.progress-intro h2{margin-block:16px}.progress-intro>p{color:#758077;max-width:290px;font-size:14px;line-height:1.9}.progress-link{margin-top:11px}.progress-board{box-shadow:var(--shadow);background:#fff;border:1px solid #e7eae4;border-radius:18px;padding:24px 27px 0;position:relative;overflow:hidden}.progress-board:before{content:"";background:#eef8f1;border-radius:50%;width:180px;height:180px;position:absolute;top:-83px;left:-45px}.progress-board>*{position:relative}.progress-board-head{justify-content:space-between;align-items:flex-start;display:flex}.board-label{color:#829087;font-size:10px}.progress-board-head h3{font:700 19px var(--serif);margin:4px 0}.board-flower{color:#398969;background:#e5f7ee;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.progress-data{border-bottom:1px solid #edf0eb;align-items:center;gap:30px;padding:22px 0 21px;display:flex}.progress-ring{--progress:0%;background:conic-gradient(var(--mint-dark) var(--progress),#e6ebe5 0);border-radius:50%;flex-shrink:0;place-items:center;width:133px;height:133px;display:grid;position:relative}.progress-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.ring-center{text-align:center;flex-direction:column;line-height:1.35;display:flex;position:relative}.ring-center strong{font:700 26px var(--serif);color:var(--ink)}.ring-center span{color:#879188;font-size:10px}.progress-details{flex-direction:column;flex:1;gap:14px;display:flex}.detail-row{color:#758078;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;font-size:11px;display:grid}.detail-row strong{font:700 12px var(--mono);color:#39473e;direction:ltr}.detail-row strong small{color:#a2aaa3;font-size:9px}.detail-icon{border-radius:7px;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.lesson-detail-icon{color:#268469;background:#e5f6ec}.unit-detail-icon{color:#cb765d;background:#fff0e8}.next-lesson{align-items:center;gap:12px;padding:17px 0;display:flex}.next-arrow{color:#39856a;background:#f0f5ef;border-radius:10px;place-items:center;width:33px;height:33px;font-size:18px;display:grid}.next-lesson>div:nth-child(2){flex-direction:column;flex:1;display:flex}.next-label{color:#8a958d;font-size:9px}.next-lesson strong{font-size:12px;font-weight:700}.next-lesson button{background:var(--ink);width:34px;height:34px;color:var(--mint);cursor:pointer;border:0;border-radius:50%;font-size:17px;transition:transform .2s}.next-lesson button:hover{transform:translate(-3px)}.progress-doodle{color:var(--coral);font-size:28px;position:absolute;bottom:17%;left:-1%;transform:rotate(-15deg)}.final-note{border-block:1px solid var(--line);justify-content:center;align-items:center;gap:36px;margin-bottom:74px;padding-block:29px;display:flex}.final-mark{font:700 22px var(--mono);color:#53665a;letter-spacing:-4px}.final-mark span{color:var(--mint-dark)}.final-note p{color:#7c877f;margin:0;font-size:13px;line-height:1.8}.final-note p strong{color:var(--ink);font-size:14px}.final-cta{color:#287e63;margin-inline-start:auto;font-size:12px;font-weight:700}.final-cta span{margin-inline-start:8px;font-size:17px}.site-footer{background:#eceedf;border-top:1px solid #e2e6dd;padding:24px max(32px,50vw - 590px) 16px}.footer-inner{align-items:center;gap:24px;display:flex}.footer-brand .brand-symbol{border-radius:10px;width:32px;height:32px;font-size:15px}.footer-brand .brand-word{font-size:20px}.footer-inner>span{color:#849087;font-size:11px}.back-top{color:#637268;margin-inline-start:auto;font-size:11px}.footer-bottom{color:#929b94;border-top:1px solid #dfe4da;justify-content:space-between;margin-top:19px;padding-top:12px;font-size:9px;display:flex}@media (width<=950px){.header-inner{gap:28px}.main-nav{gap:20px}.hero{grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:60px}.hero-art{min-height:350px}.hero-art>img{height:350px}.lesson-workspace{grid-template-columns:200px minmax(0,1fr);gap:15px}.lesson-sidebar{padding:18px 14px}.lesson-card{padding:23px}.section-wrap,.lab-wrap{width:min(100% - 48px,1180px)}.progress-section{gap:5%}}@media (width<=720px){html{scroll-padding-top:74px}.site-header{height:68px}.header-inner{gap:12px;width:calc(100% - 36px)}.brand-symbol{width:35px;height:35px}.brand-word{font-size:22px}.menu-toggle{cursor:pointer;background:0 0;border:1px solid #dde3db;border-radius:9px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;margin-inline-start:auto;display:flex}.menu-toggle span{background:var(--ink);width:16px;height:2px;margin-inline:auto;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:13px 22px 19px;display:none;position:absolute;top:67px;left:0;right:0;box-shadow:0 15px 18px #142a1e12}.main-nav.is-open{display:flex}.main-nav a{padding:10px 4px}.header-cta{gap:8px;padding:9px 11px;font-size:11px}.header-cta span{font-size:15px}.section-wrap,.lab-wrap{width:calc(100% - 38px)}.hero{grid-template-columns:1fr;gap:5px;min-height:auto;padding-block:55px 38px}.hero-copy{max-width:570px}.hero h1{margin:17px 0 14px;font-size:clamp(52px,13vw,70px)}.hero-description{max-width:460px;font-size:15px}.hero-actions{gap:19px;margin-top:22px}.button{padding:11px 15px;font-size:13px}.text-link{font-size:12px}.hero-footnote{margin-top:25px}.hero-art{min-height:285px;margin-top:5px}.hero-art>img{width:min(390px,100%);height:285px}.floating-note{padding:8px 10px}.note-top{top:18px;left:0}.note-bottom{bottom:25px;right:0}.art-orbit-one{width:80%;height:68%}.art-orbit-two{width:95%;height:80%}.hero-index{display:none}.intro-strip-inner{white-space:nowrap;justify-content:flex-start;gap:10px;width:calc(100% - 38px);min-height:64px;font-size:10px;overflow:hidden}.intro-strip-inner>*{flex-shrink:0}.strip-label{display:none}.roadmap-section{padding-block:78px 83px}.section-heading{margin-bottom:33px;display:block}.section-heading h2,.progress-intro h2{font-size:43px}.heading-aside{max-width:430px;margin-top:14px}.heading-aside p{margin-bottom:9px;font-size:12px}.roadmap-layout{grid-template-columns:22px 1fr;gap:11px}.roadmap-rail{font-size:8px}.rail-track{min-height:580px;margin:11px 0}.rail-start,.rail-end{font-size:8px}.unit-list{gap:9px}.unit-card{border-radius:12px;grid-template-columns:45px 1fr 32px;gap:10px;min-height:87px;padding:13px 11px}.unit-icon{border-radius:12px;width:43px;height:43px;font-size:16px}.unit-copy .unit-label{font-size:8px}.unit-copy h3{font-size:14px}.unit-copy p{font-size:10px;line-height:1.55}.unit-progress{grid-area:2/2;gap:7px;margin-top:-4px;font-size:9px}.tiny-progress{width:42px;height:3px}.unit-action{grid-area:1/3/3;width:31px;height:31px}.unit-action svg{width:13px;height:13px}.lab-section{padding-block:75px 78px}.lab-heading{margin-bottom:28px}.lab-heading h2{font-size:42px}.lab-heading .heading-aside p{font-size:12px}.lesson-workspace{grid-template-columns:1fr;gap:11px}.lesson-sidebar{padding:15px;position:relative;top:auto}.lesson-sidebar h3{margin:5px 0 11px;font-size:15px}.lesson-nav-list{grid-template-columns:1fr 1fr;gap:5px;display:grid}.lesson-nav-item{grid-template-columns:20px 1fr auto;gap:5px;padding:8px 6px;font-size:10px}.sidebar-tip{display:none}.sidebar-counter{font-size:9px}.lesson-card{padding:20px 17px}.lesson-card h3{font-size:22px}.lesson-lead{font-size:12px}.concept-note p{font-size:11px}.lesson-actions{gap:12px}.save-hint{font-size:9px}.editor-card{padding:18px 14px}.editor-heading h3{font-size:15px}.exercise-prompt{font-size:11px}.code-window textarea{height:125px;padding:13px;font-size:11px}.quiz-card{gap:11px;padding:16px 14px}.quiz-mark{border-radius:10px;width:32px;height:32px;font-size:17px}.quiz-content h3{font-size:14px}.quiz-options{gap:5px}.quiz-option{padding:6px 8px;font-size:9px}.progress-section{grid-template-columns:1fr;gap:25px;padding-block:78px 82px}.progress-intro h2{font-size:43px}.progress-intro>p{margin-block:10px;font-size:12px}.progress-board{padding:19px 18px 0}.progress-board-head h3{font-size:17px}.progress-ring{width:111px;height:111px}.ring-center strong{font-size:22px}.progress-data{gap:19px;padding-block:18px}.detail-row{gap:6px;font-size:10px}.progress-doodle{bottom:3%;left:6%}.final-note{flex-wrap:wrap;gap:14px;margin-bottom:45px;padding-block:19px}.final-note p,.final-note p strong{font-size:11px}.final-cta{margin-inline-start:auto;font-size:10px}.site-footer{padding:20px 19px 13px}.footer-inner{gap:11px}.footer-inner>span,.back-top{font-size:9px}.footer-bottom{font-size:8px}}@media (width<=390px){.header-cta{display:none}.hero h1{font-size:50px}.hero-actions{gap:14px}.hero-actions .text-link{font-size:11px}.section-heading h2,.progress-intro h2,.lab-heading h2{font-size:37px}.progress-ring{width:97px;height:97px}.detail-row{grid-template-columns:22px 1fr auto;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.output-window pre.output-error{color:#a04e41}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-22px 0 24px;display:grid}.track-card{text-align:right;cursor:pointer;background:#ffffffa8;border:1px solid #e4e8e0;border-radius:15px;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-height:190px;padding:17px 16px 14px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.track-card:hover{background:#fff;border-color:#bfd8ca;transform:translateY(-3px);box-shadow:0 12px 28px #1c302712}.track-card.is-active{background:#fff;border-color:#56ae8e;box-shadow:0 0 0 2px #50d3b021,0 12px 28px #1c30270f}.track-card-top{justify-content:space-between;align-items:center;display:flex}.track-icon{color:#218467;width:39px;height:39px;font:700 13px var(--mono);direction:ltr;background:#e2f5ec;border-radius:12px;place-items:center;display:grid}.track-card[data-track-style=python] .track-icon{color:#778744;background:#eef0dc}.track-card[data-track-style=web] .track-icon{color:#b76852;background:#f8e6df;font-size:11px}.track-card[data-track-style=data] .track-icon{color:#5e7b9a;background:#e8edf5;font-size:17px}.track-card-count{color:#849087;font-size:10px}.track-card-title{font:700 16px var(--serif);color:var(--ink);margin-top:4px}.track-card-description{color:#79837c;min-height:36px;font-size:11px;line-height:1.65}.track-card-progress{color:#859087;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;font-size:9px;display:flex}.track-progress-bar{background:#e6ebe5;border-radius:6px;flex:1;height:4px;overflow:hidden}.track-progress-bar i{background:var(--mint-dark);border-radius:6px;height:100%;display:block}.track-card-action{color:#298468;border-top:1px solid #edf0eb;justify-content:space-between;align-items:center;margin-top:2px;padding-top:8px;font-size:10px;font-weight:700;display:flex}.track-card-action b{font-size:15px;font-weight:400}.selected-track{background:#eaf5ed;border:1px solid #d8eade;border-radius:12px;align-items:center;gap:14px;margin:0 0 18px;padding:15px 18px;display:flex}.selected-track-icon{background:var(--ink);width:43px;height:43px;color:var(--mint);font:700 12px var(--mono);direction:ltr;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.selected-track-copy{flex:1;min-width:0}.selected-track-copy>span{color:#64816f;font-size:9px}.selected-track-copy h3{font:700 15px var(--serif);color:var(--ink);margin:0}.selected-track-copy p{color:#63776b;margin:2px 0 0;font-size:10px;line-height:1.6}.selected-track-meta{white-space:nowrap;color:#5e7969;font-size:10px}.editor-note{color:var(--ink);background:#eef5f2;border:1px solid #d9e8df;border-radius:14px;align-items:flex-start;gap:13px;padding:20px 23px;display:flex}.editor-note-mark{background:var(--ink);width:38px;height:38px;color:var(--mint);font:700 12px var(--mono);direction:ltr;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.editor-note strong{font:700 15px var(--serif)}.editor-note p{color:#64756a;margin:3px 0 0;font-size:11px;line-height:1.8}#runner-frame.preview-mode{visibility:visible;pointer-events:auto;background:#fff;border:1px solid #dce5dc;border-radius:8px;width:100%;height:225px;margin-top:12px;display:block;position:static}@media (width<=950px){.track-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-12px}.track-card{min-height:178px}}@media (width<=720px){.track-grid{grid-template-columns:1fr;gap:8px;margin:0 0 17px}.track-card{grid-template-columns:44px 1fr;gap:3px 11px;min-height:0;padding:13px 13px 11px;display:grid}.track-card-top{grid-area:1/1/4;align-self:start}.track-card-top .track-card-count{display:none}.track-icon{width:40px;height:40px}.track-card-title,.track-card-description,.track-card-progress,.track-card-action{grid-column:2}.track-card-title{margin:0;font-size:14px}.track-card-description{min-height:0;font-size:10px}.track-card-progress{margin-top:4px}.track-card-action{padding-top:6px}.selected-track{gap:10px;margin-bottom:14px;padding:12px}.selected-track-icon{border-radius:11px;width:37px;height:37px;font-size:10px}.selected-track-copy h3{font-size:13px}.selected-track-copy p{font-size:9px}.selected-track-meta{font-size:8px}.editor-note{gap:10px;padding:15px}.editor-note-mark{width:34px;height:34px}.editor-note strong{font-size:13px}.editor-note p{font-size:10px}#runner-frame.preview-mode{height:200px}}.code-editor-host{text-align:left;direction:ltr;background:#14221c;width:100%;min-height:134px}.code-editor-host .cm-editor{color:#dbe9df;text-align:left;direction:ltr;background:#14221c;border-radius:0;height:134px}.code-editor-host .cm-editor .cm-content{min-height:134px}.code-editor-host .cm-editor .cm-scroller{font-family:var(--mono);direction:ltr}.code-editor-host .cm-editor .cm-gutters{font-size:10px}.code-editor-host .cm-editor.cm-focused{outline:0}.run-button:disabled{opacity:.68;cursor:wait}