:root{font-family:DM Sans,sans-serif;color:#15223b;background:#f7f9fc;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button:focus-visible,input:focus-visible{outline:3px solid #a2c5fa;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em}p{line-height:1.7}button{border:0}.shell{display:flex;min-height:100vh}.sidebar{width:258px;background:#0c1527;color:#c9d4e5;position:fixed;inset:0 auto 0 0;padding:29px 14px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-align:left;background:transparent;padding:0 12px 30px}.brandmark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#16b891;color:#fff}.brand b{font:800 21px Manrope;letter-spacing:-.8px}.brand small{display:block;font-size:10px;font-weight:700;letter-spacing:2.7px;color:#8ba7c1;margin-top:1px}.side-label{color:#6f809c;font-weight:800;letter-spacing:1.7px;font-size:10px;padding:8px 17px 12px}.gap-top{margin-top:28px}.navitem{position:relative;color:#adbed7;display:flex;align-items:center;gap:13px;border-radius:10px;width:100%;padding:13px 16px;margin:2px 0;background:transparent;text-align:left;font-size:14px;font-weight:600}.navitem:hover{background:#182941;color:#fff}.navitem.current{background:#183b4b;color:#60e2b8}.navitem.current:before{content:"";position:absolute;width:3px;background:#42dcb0;left:-14px;height:31px;border-radius:2px}.navtag{margin-left:auto;font-size:9px;letter-spacing:.8px;color:#6fe3c0;background:#12483c;padding:4px 5px;border-radius:4px}.side-progress{margin:0 8px;padding:15px;background:#142239;border:1px solid #213550;border-radius:13px}.side-p-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:6px}.side-p-head strong{color:#65d9b6}.track{height:6px;background:#293e54;border-radius:99px;overflow:hidden;margin:13px 0 8px}.track div{height:100%;background:#18b88f;border-radius:99px;transition:width .3s}.side-progress small{font-size:11px;color:#8299b3}.side-bottom{margin-top:auto;padding:18px 12px 0;border-top:1px solid #253148;display:flex;align-items:center;gap:10px}.avatar,.smallavatar{background:#c5ece4;color:#155d51;font-weight:800;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.avatar{width:37px;height:37px}.side-bottom b{display:block;font-size:12px;color:#fff}.side-bottom small{display:block;font-size:11px;color:#8da0b8;margin-top:3px}.online,.dotgreen{display:inline-block;background:#38cc91;border-radius:100%;width:8px;height:8px}.side-bottom .online{margin-left:auto}.main{margin-left:258px;width:calc(100% - 258px);min-width:0}.topbar{position:sticky;top:0;z-index:15;height:76px;background:#fff;border-bottom:1px solid #ebeff5;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,62px)}.crumbs{font-size:12px;color:#91a0b3;display:flex;align-items:center;gap:9px}.crumbs strong{color:#34425a;font-weight:700}.topright{display:flex;align-items:center;gap:20px}.demo-label{font-size:11px;background:#eaf8f1;color:#337f60;border-radius:20px;padding:8px 11px;display:flex;align-items:center;gap:7px;font-weight:800}.smallavatar{width:34px;height:34px;font-size:12px}.content{max-width:1460px;margin:auto;padding:30px clamp(22px,4vw,62px) 12px}.hero{background:#0d1b30;min-height:342px;border-radius:19px;padding:46px 44px;display:flex;justify-content:space-between;position:relative;overflow:hidden;color:#fff}.hero:before{content:"";position:absolute;width:380px;height:380px;right:5%;top:-180px;background:#1a8d88;opacity:.12;border-radius:50%;filter:blur(20px)}.hero:after{content:"";position:absolute;width:380px;height:380px;right:-125px;bottom:-210px;border:1px solid #39836e;border-radius:50%;opacity:.4}.hero-copy{position:relative;z-index:2;max-width:560px}.eyebrow{color:#57d7b6;font-size:10px;letter-spacing:1.5px;font-weight:800;display:flex;align-items:center;gap:7px;margin-bottom:17px}.eyebrow.small{color:#128870;margin-bottom:12px}.hero h1{font-size:clamp(30px,3.2vw,46px);line-height:1.2;margin-bottom:15px;max-width:550px;font-weight:800}.hero h1 em{color:#46d8ac;font-style:normal}.hero p{color:#b9cbdc;font-size:13px;max-width:485px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary,.secondary{border-radius:9px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:12px;transition:transform .15s,background .15s}.primary{background:#16b98e;color:#fff}.primary:hover{background:#0f9d78;transform:translateY(-1px)}.secondary{color:#283b55;background:#fff;border:1px solid #dce5ee}.secondary:hover{background:#f1f5f9}.secondary.dark{background:#ffffff12;border:1px solid #52657a;color:#fff}.hero-visual{position:relative;flex:0 0 33%;min-width:260px;display:grid;place-items:center}.halo{width:210px;height:210px;display:grid;place-items:center;color:#49d8ae;background:radial-gradient(circle,#1b6959aa,#102b3f88 55%,transparent 72%);border:1px solid #1b735e;border-radius:50%;box-shadow:0 0 0 24px #1c645325,0 0 0 52px #1b564420}.floating-card{position:absolute;background:#142c41;color:#e4f5ef;border:1px solid #2e6a62;border-radius:9px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap;box-shadow:0 15px 32px #0003}.fc-one{left:-15px;bottom:42px}.fc-one svg:last-child{color:#4fd0a8}.fc-two{right:-25px;top:39px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.welcome h2,.section-header h2{font-size:20px;margin-bottom:5px}.welcome p,.section-header p,.page-heading p{font-size:13px;color:#8190a4;margin:0}.welcome-date{font-size:10px;color:#96a6ba;letter-spacing:1px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 36px}.stat{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:18px 16px}.stat-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;flex-shrink:0}.stat-icon.blue{background:#eaf2ff;color:#407de2}.stat-icon.green{background:#e5f9ef;color:#0aa67c}.stat-icon.purple{background:#f1ebff;color:#8664ce}.stat-icon.gold{background:#fff6e4;color:#db9621}.stat b{display:block;font:800 23px Manrope}.stat span{font-size:10px;color:#8192aa;white-space:nowrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.textlink,.back,.small-link{color:#10866e;background:transparent;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.module-card{background:#fff;text-align:left;border:1px solid #e4eaf2;border-radius:14px;padding:21px;display:flex;flex-direction:column;min-height:257px;transition:box-shadow .2s,border-color .2s,transform .2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #13325312;border-color:#acdacc}.card-upper{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.module-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center}.module-icon.shield{color:#17a47f;background:#e4faf1}.module-icon.layers{color:#417dde;background:#eaf1fd}.module-icon.terminal{color:#845aca;background:#f0eaff}.card-label{font-size:10px;color:#a1adbd;font-weight:800;letter-spacing:1px}.module-card h3{font-size:15px;margin-bottom:8px}.module-card p{font-size:11px;color:#77899f;line-height:1.65;margin-bottom:15px;flex:1}.module-meta{display:flex;gap:13px;color:#7d8da2;font-size:10px}.module-meta span,.substats span{display:flex;gap:5px;align-items:center}.module-bottom{border-top:1px solid #edf0f4;margin-top:19px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.module-bottom span{display:flex;gap:7px;align-items:center;color:#119878;font-size:11px;font-weight:800}.mini-track{height:5px;background:#edf2f6;border-radius:99px;width:45%;overflow:hidden}.mini-track div{height:100%;background:#17b98d;border-radius:99px}.bottom-banner{margin-top:25px;background:#e9f8f4;padding:22px 25px;border:1px solid #cef0e3;border-radius:14px;display:flex;align-items:center;gap:18px}.bb-icon{width:58px;height:58px;background:#c8f2e3;color:#0b9d76;display:grid;place-items:center;border-radius:14px;flex-shrink:0}.bottom-banner div:nth-child(2){flex:1}.bottom-banner h3{font-size:15px;margin-bottom:4px}.bottom-banner p{font-size:11px;color:#64867c;margin:0;line-height:1.6}.bottom-banner .primary{white-space:nowrap}.footer{display:flex;justify-content:space-between;color:#a4afbc;border-top:1px solid #e6eaf0;font-size:10px;margin-top:52px;padding:25px 0}.page-heading{margin:10px 0 28px}.page-heading h1{font-size:32px;margin:0 0 10px}.info-bar{background:#eaf5fd;border:1px solid #d4e7f6;color:#537389;display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:10px;margin-bottom:22px;font-size:12px;line-height:1.6}.info-bar svg{flex-shrink:0}.back{margin:3px 0 23px;padding:0}.module-hero{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid #e8eef5;border-radius:15px;padding:35px}.module-mark{background:#e8f8f2;color:#15ab83;border-radius:16px;display:grid;place-items:center;width:85px;height:85px;flex-shrink:0}.module-hero h1{font-size:26px;margin:0 0 8px}.module-hero p{color:#7b8b9d;font-size:13px;max-width:640px}.substats{display:flex;gap:20px;font-size:11px;color:#7f8fa3}.lesson-list,.listcard{border:1px solid #e8eef5;border-radius:14px;overflow:hidden;background:#fff}.lesson-row{display:flex;width:100%;align-items:center;gap:16px;text-align:left;background:#fff;padding:19px 22px;border-bottom:1px solid #ebeff4;color:#34445b}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:#f9fcfd}.lesson-number{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#f0f5f8;color:#178d74;font-size:12px;font-weight:800;flex-shrink:0}.lesson-details{flex:1;display:flex;flex-direction:column;gap:6px}.lesson-details b{font-size:13px}.lesson-details small{color:#8395a9;font-size:11px;display:flex;gap:5px;align-items:center}.passed{font-size:10px;background:#dcf9ec;color:#168361;padding:6px 9px;border-radius:6px;font-weight:800}.test-row .lesson-number{color:#8057c5;background:#f1eafe}.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 244px;gap:22px;align-items:start}.reading,.reading-side,.quiz-wrap{background:#fff;border:1px solid #e7edf3;border-radius:14px}.reading{padding:38px 40px}.chapter-tag{font-size:10px;color:#159576;letter-spacing:1px;font-weight:800}.reading h1{font-size:30px;margin:12px 0}.reading-meta{display:flex;align-items:center;gap:8px;color:#8395a7;font-size:11px;margin-bottom:26px}.lead{padding:20px 23px;border-left:3px solid #19bd95;background:#eefaf5;color:#406357;font-size:14px;line-height:1.8;border-radius:0 10px 10px 0}.article-section{margin-top:30px}.article-section h2{font-size:18px;margin-bottom:9px}.article-section p{font-size:14px;line-height:1.95;color:#54657a;white-space:pre-line}.warning{display:flex;gap:13px;background:#fff9e9;border:1px solid #f3e4b8;border-radius:10px;padding:16px;margin-top:29px;color:#996b1e}.warning p{margin:4px 0 0;color:#8d7953;font-size:12px}.article-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #edf1f5;padding-top:25px;margin-top:30px}.completed-message{display:flex;gap:8px;align-items:center;color:#159472;font-size:12px;font-weight:700}.reading-side{padding:20px;position:sticky;top:96px}.reading-side h3{font-size:13px;margin-bottom:16px}.reading-side button{background:transparent;display:flex;width:100%;justify-content:space-between;gap:10px;text-align:left;padding:11px 6px;border-bottom:1px solid #f0f3f7;color:#7b8b9e;font-size:11px;line-height:1.55}.reading-side button.active{color:#12916e;font-weight:800}.quiz-wrap{max-width:790px;margin:auto;padding:35px}.quiz-wrap h1{font-size:27px}.muted{color:#8191a6;font-size:12px}.question{border-top:1px solid #e7edf4;padding:26px 0}.question:first-of-type{margin-top:20px}.q-count{font-size:10px;color:#168d74;font-weight:800;letter-spacing:1px}.question h3{font-size:17px;margin:11px 0 18px}.options{display:grid;gap:9px}.option{border:1px solid #e5ebf2;border-radius:9px;background:#fff;color:#47566a;text-align:left;display:flex;gap:12px;align-items:center;padding:11px 13px;font-size:12px}.option span:nth-child(2){flex:1}.option.chosen{border-color:#2bae8a;background:#f0faf6}.option.correct{border-color:#1cba86;background:#e6f9ee}.option.incorrect{border-color:#e48c8c;background:#ffefef}.opt-letter{background:#f0f3f7;border-radius:6px;display:grid;place-items:center;width:29px;height:29px;font-weight:800;font-size:11px}.explanation{display:flex;gap:7px;align-items:flex-start;color:#518473;background:#f2faf5;padding:11px;border-radius:8px;font-size:11px;margin:12px 0 0}.wide{width:100%}.quiz-result{display:flex;align-items:center;gap:16px;background:#e9f9f0;padding:18px;border-radius:11px;color:#1a986f}.quiz-result div{flex:1}.quiz-result h3{font-size:15px;margin-bottom:4px}.quiz-result p{font-size:11px;margin:0}.quiz-result button{white-space:nowrap}.lab-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.55fr);gap:18px;align-items:start}.lab-steps,.terminal-box{border-radius:14px;overflow:hidden;border:1px solid #e0e8f0;background:#fff}.lab-head{padding:22px 23px 8px}.lab-head span{font-size:10px;color:#16a27e;font-weight:900;letter-spacing:1px}.lab-head h3{font-size:17px;margin:9px 0}.lab-head p{font-size:11px;color:#8694a8}.lab-progress{padding:0 23px 18px}.lab-progress .track{background:#eaf0f3;margin-bottom:6px}.lab-progress small{font-size:10px;color:#8596a6}.lab-task{display:flex;gap:12px;padding:15px 20px;border-top:1px solid #eef1f6;opacity:.66}.lab-task.active{background:#effaf6;opacity:1}.lab-task.done{opacity:1}.task-index{border-radius:50%;border:1px solid #cad7e3;color:#8c99a9;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;font-size:10px}.lab-task.done .task-index{background:#1ab789;color:#fff;border-color:#1ab789}.lab-task.active .task-index{border-color:#0aab80;color:#0a9c78}.lab-task p{font-size:12px;color:#354960;line-height:1.5;margin:0 0 6px}.lab-task code{font-size:11px;color:#058a6b;background:#e7f8f1;padding:3px 6px;border-radius:4px}.lab-success{display:flex;gap:8px;align-items:center;padding:17px;color:#068463;font-size:12px;background:#e3f8ee}.terminal-box{background:#0c1624;border-color:#19283d}.terminal-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#1c2a3d;color:#b2bdcb}.terminal-bar>span{display:flex;gap:6px}.light{display:block;width:10px;height:10px;border-radius:50%}.light.red{background:#f27975}.light.yellow{background:#f7bd5b}.light.green{background:#4dd398}.terminal-bar b{font-size:11px;display:flex;gap:6px;align-items:center}.terminal-bar button{background:transparent;color:#a5b9cb}.terminal-screen{padding:20px;min-height:420px;max-height:580px;overflow:auto;color:#cbdce9;font:12px/1.8 Consolas,Courier New,monospace}.terminal-screen pre{white-space:pre-wrap;word-break:break-word;margin:0 0 11px;font:inherit}.term-system{color:#79cda9}.term-command{color:#8fdcae}.term-response{color:#c6d4e3}.terminal-input{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.terminal-input span{color:#71d9a7;white-space:nowrap}.terminal-input input{border:0;background:transparent;color:#fff;flex:1;min-width:110px;outline:none;font:inherit}.terminal-input button{color:#88caa9;background:#213b3a;border-radius:4px;padding:4px 8px;font-size:10px}.terminal-footer{border-top:1px solid #2b384a;color:#7d91a6;padding:12px 16px;display:flex;justify-content:space-between;gap:8px;font-size:10px}.terminal-footer span:first-child{display:flex;align-items:center;gap:7px}.roadmap{border:1px solid #e7edf3;background:#fff;border-radius:14px;overflow:hidden}.roadrow{display:flex;gap:18px;align-items:center;border-bottom:1px solid #edf0f5;padding:15px 23px}.roadrow:last-child{border-bottom:0}.roadnum{font:800 18px Manrope;color:#b0bdcc;min-width:35px}.roadrow>div{flex:1}.roadrow h3{font-size:13px;margin-bottom:4px}.roadrow p{font-size:11px;color:#8796a9;margin:0}.roadstate{border-radius:20px;background:#f1f4f8;color:#9daabb;padding:6px 10px;font-size:10px;font-weight:800}.roadstate.ready{background:#e6f9ef;color:#15916e}.small-link{white-space:nowrap}.mobile-menu{display:none;background:transparent;color:#253b51}.scrim{display:none}@media(max-width:1180px){.sidebar{width:225px}.main{margin-left:225px;width:calc(100% - 225px)}.hero-visual{min-width:205px}.halo{width:160px;height:160px}.floating-card{font-size:9px}.stats{grid-template-columns:repeat(2,1fr)}.stat span{white-space:normal}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-layout{grid-template-columns:1fr}.read-layout{grid-template-columns:minmax(0,1fr) 205px}}@media(max-width:800px){.sidebar{transform:translate(-110%);width:270px;transition:transform .2s}.sidebar.open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;z-index:20}.main{margin:0;width:100%}.mobile-menu{display:block}.topbar{height:66px;padding:0 20px;gap:12px}.crumbs{flex:1}.hero{padding:35px 30px}.hero-visual{display:none}.stats{grid-template-columns:repeat(2,1fr)}.read-layout{grid-template-columns:1fr}.reading-side{position:static;order:-1}.reading-side button{display:inline-flex;width:auto;margin-right:15px}.content{padding:23px 20px}.footer{margin-top:30px}}@media(max-width:540px){.hero h1{font-size:30px}.hero{min-height:auto}.module-grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:13px 10px;gap:9px}.stat-icon{width:34px;height:34px}.stat-icon svg{width:18px}.stat b{font-size:19px}.stat span{font-size:9px}.welcome-date{display:none}.bottom-banner{flex-wrap:wrap}.bottom-banner .primary{width:100%}.page-heading h1{font-size:27px}.module-hero{padding:22px;align-items:start}.module-mark{width:48px;height:48px}.module-mark svg{width:25px}.module-hero h1{font-size:20px}.substats{flex-wrap:wrap;gap:8px}.reading{padding:24px 20px}.reading h1{font-size:26px}.quiz-wrap{padding:24px 18px}.quiz-result{flex-wrap:wrap}.quiz-result .secondary{width:100%}.topright{gap:7px}.demo-label{font-size:0;padding:8px}.demo-label .online{width:8px}.terminal-screen{min-height:320px}.roadrow{gap:9px;padding:13px}.roadrow p{font-size:10px}.roadstate{display:none}.lesson-row{gap:10px;padding:14px}.footer{flex-direction:column;gap:8px}.floating-card{display:none}}.lesson-goal{margin:22px 0;display:flex;gap:13px;align-items:flex-start;border:1px solid #d6e8fa;background:#f0f7ff;border-radius:11px;padding:17px 19px;color:#1b709e}.lesson-goal svg{flex-shrink:0;margin-top:3px}.lesson-goal b{font-size:13px}.lesson-goal p{font-size:12px;line-height:1.8;color:#4f7291;margin:7px 0 0}.lesson-example{background:#f2faf6;border:1px solid #d8eee4;border-radius:10px;padding:17px 20px;margin-top:18px}.lesson-example .example-head{display:flex;align-items:center;gap:8px;color:#127c66;font-size:12px;font-weight:800}.lesson-example p{font-size:13px;line-height:1.85;color:#466a61;margin:9px 0 0}.lesson-steps{background:#f6f8fc;border-radius:10px;padding:16px 20px;margin-top:17px}.lesson-steps h4{font-size:12px;margin:0 0 9px;color:#344a62}.lesson-steps ol,.practice-box ol{padding-left:21px;margin:0}.lesson-steps li,.practice-box li{font-size:13px;line-height:1.85;padding-left:4px;color:#526a80;margin-bottom:7px}.lesson-note{display:flex;align-items:flex-start;gap:9px;color:#9b7026;background:#fff9eb;border:1px solid #f2e5c6;padding:13px 15px;border-radius:9px;margin-top:17px;font-size:12px;line-height:1.7}.lesson-note svg{flex-shrink:0;margin-top:2px}.practice-box{border:1px solid #b9e4d6;border-radius:13px;padding:22px;margin-top:35px;background:#fbfefd}.practice-title{display:flex;align-items:center;gap:13px;margin-bottom:16px;color:#13916f}.practice-title span{display:block;font-size:10px;letter-spacing:1px;font-weight:800}.practice-title h3{font-size:18px;margin:5px 0 0;color:#183c32}.practice-hint{border-top:1px solid #dceae5;margin:17px 0 0;padding-top:12px;font-size:11px;color:#6f9486}.knowledge-check{margin-top:28px;padding:22px;background:#fff;border:1px solid #e2e9f1;border-radius:13px}.knowledge-check h3{font-size:16px;margin:11px 0 17px;line-height:1.5}.knowledge-check .option{font-size:12px}.article-section p{white-space:pre-line;line-height:2}.article-section{border-bottom:1px solid #f0f3f6;padding-bottom:20px}@media(max-width:540px){.lesson-goal,.lesson-example,.practice-box,.knowledge-check{padding:16px}.article-section h2{font-size:17px}}.course-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}.course-overview>div{padding:18px 19px;background:#fff;border:1px solid #e2eaf1;border-radius:12px;display:flex;flex-direction:column;gap:6px}.course-overview b{font:800 22px Manrope;color:#0d8b72}.course-overview span{font-size:11px;color:#7c8da2}.course-controls{display:flex;flex-direction:column;gap:12px;padding:17px;background:#fff;border:1px solid #e5ebf2;border-radius:13px;margin:21px 0 30px}.course-search{display:flex;align-items:center;gap:10px;background:#f5f8fc;border:1px solid #e5edf5;border-radius:10px;padding:12px 14px;color:#7c8da2}.course-search input{background:transparent;border:0;outline:none;flex:1;min-width:0;font-size:13px;color:#19344c}.course-search input:focus{outline:none}.course-filter{display:flex;gap:7px;flex-wrap:wrap}.course-filter button{background:#f4f7fb;color:#62768a;border:1px solid #e6edf3;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:800}.course-filter button.active{background:#0d9374;border-color:#0d9374;color:#fff}.course-phase{margin-top:35px}.course-phase-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.course-phase-head h2{font-size:20px;margin:0 0 5px}.course-phase-head p{font-size:12px;color:#8595a7;margin:0}.course-phase-head>span{font-size:10px;color:#879aab;background:#eaf0f6;border-radius:20px;padding:7px 10px;white-space:nowrap}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chapter-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2eaf2;border-radius:14px;padding:19px;min-height:210px}.chapter-card.ready{border-color:#bde7da;background:#fcfffd}.chapter-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.chapter-number{width:39px;height:39px;display:grid;place-items:center;background:#ecf3f5;color:#198773;border-radius:9px;font-weight:800;font-size:12px}.chapter-status{padding:6px 9px;border-radius:99px;font-size:10px;font-weight:800;background:#f0f3f7;color:#8a98a9}.chapter-status.ready{background:#e2f9ed;color:#108769}.chapter-card h3{font-size:14px;margin:0 0 9px;line-height:1.5}.chapter-card p{font-size:11px;color:#7b8ea3;line-height:1.65;flex:1;margin:0 0 17px}.chapter-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:13px;border-top:1px solid #edf0f5}.chapter-card-bottom>span:first-child{display:flex;align-items:center;gap:5px;font-size:10px;color:#8394a6;white-space:nowrap}.chapter-card-bottom button{background:transparent;color:#098f71;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;white-space:nowrap}.notready{display:flex;gap:5px;align-items:center;color:#a3afbd;font-size:10px;white-space:nowrap}.course-summary{background:#e8f8f2;border:1px solid #ccebdd;border-radius:14px;padding:23px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:27px}.course-summary h3{font-size:15px;margin:0 0 5px}.course-summary p{font-size:11px;color:#5b8274;margin:0}.course-summary a{color:#fff;background:#10a47c;border-radius:8px;padding:12px 14px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none}@media(max-width:1270px){.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.course-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-grid{grid-template-columns:1fr}.course-summary{flex-direction:column;align-items:stretch}.course-summary a{justify-content:center}}@media(max-width:440px){.chapter-card{min-height:175px}.course-phase-head{align-items:start}.course-filter button{font-size:10px}.course-overview>div{padding:13px}}.chapter-time-now{display:flex;flex-direction:column;gap:6px;border-radius:9px;padding:11px 12px;margin:0 0 13px;background:#eef8f4;border:1px solid #d7eee5;color:#4d7467;font-size:10px;line-height:1.55}.chapter-time-now strong{color:#137b61}.course-time-panel{border:1px solid #d3e9df;background:#f3fbf7;border-radius:13px;padding:20px 23px;margin:18px 0 25px}.course-time-heading{display:flex;align-items:center;gap:9px;color:#15856b;font-size:14px;margin-bottom:13px}.course-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.course-time-grid>div{border:1px solid #e0eee8;background:#fff;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:6px}.course-time-grid b{color:#0d8769;font:800 18px Manrope}.course-time-grid span{font-size:11px;color:#71899b;line-height:1.6}.course-time-panel p{font-size:11px;color:#67897e;line-height:1.8;margin:13px 0 0}@media(max-width:700px){.course-time-grid{grid-template-columns:1fr}.course-time-panel{padding:15px}.course-time-grid>div{padding:11px}}.mastery-check{border:1px solid #cfe6dc;background:#fbfffd;border-radius:14px;padding:23px;margin:30px 0 19px}.mastery-head .eyebrow{color:#0f9b75;font-weight:800}.mastery-head h2{font-size:19px;margin:6px 0 5px}.mastery-head p{font-size:12px;color:#7a8ca0;line-height:1.8;margin-bottom:17px}.mastery-steps{display:flex;flex-direction:column;gap:10px}.mastery-step{display:flex;align-items:flex-start;gap:12px;border:1px solid #e3ebef;background:#fff;border-radius:10px;padding:14px 15px}.mastery-step>span:first-child{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#eef3f7;color:#54768b;font-size:12px;font-weight:800}.mastery-step>span.mastery-done{background:#dcf7e9;color:#138365}.mastery-step>div{flex:1;min-width:0}.mastery-step b{font-size:13px;color:#263c51}.mastery-step p{font-size:11px;color:#7b8d9f;line-height:1.8;margin:4px 0 0}.mastery-checkbox{cursor:pointer;align-items:center}.mastery-checkbox input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:#10a67e;width:19px;height:19px;flex:none;margin:0 4px}.mastery-reflection textarea{display:block;width:100%;border:1px solid #dce7ee;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;line-height:1.7;background:#fff;color:#233e55;margin:11px 0 5px;resize:vertical;min-height:88px}.mastery-reflection textarea:focus-visible{outline:2px solid #67caaa;outline-offset:2px}.mastery-reflection small{font-size:10px;color:#91a0ac}.mastery-submit{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:18px}.mastery-submit small{font-size:11px;color:#7a8a9b}.verified-note{display:flex;align-items:center;gap:9px;color:#168365;background:#e9f8ef;border:1px solid #c8e8d6;border-radius:9px;margin-top:17px;padding:14px;font-size:12px;line-height:1.7}.verified-note svg{flex:none}.legacy-note{font-size:11px;color:#7b91a3;margin:13px 0 0}@media(max-width:600px){.mastery-check{padding:16px}.mastery-step{padding:12px}.mastery-submit .primary{width:100%;justify-content:center}}.case-study{border:1px solid #cddfe9;border-radius:13px;padding:22px;background:#f8fbff;margin:28px 0}.case-study h2{font-size:20px;margin:9px 0 14px}.case-study h3{font-size:14px;margin:18px 0 12px;line-height:1.6}.case-story{color:#4c6076;line-height:1.9;font-size:13px;background:#fff;border-left:3px solid #278cbb;padding:15px 17px;border-radius:0 9px 9px 0}.case-choices{display:flex;flex-direction:column;gap:9px}.case-choice{background:#fff;border:1px solid #dce5ee;border-radius:10px;text-align:left;color:#28445c;padding:12px 14px;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.7}.case-choice:hover{border-color:#4ab998}.case-choice span{display:grid;place-items:center;flex:none;width:25px;height:25px;background:#edf3f7;color:#47647a;border-radius:7px;font-size:11px;font-weight:800}.case-choice.case-right{background:#edfaf3;border-color:#26b689}.case-choice.case-wrong{background:#fff4f2;border-color:#d7a19b}.case-feedback{margin:12px 0 0;padding:12px 14px;border-radius:8px;line-height:1.75;font-size:12px}.case-feedback.is-right{color:#13795d;background:#e9f9f0}.case-feedback.is-wrong{color:#9c5242;background:#fff2ee}@media(max-width:600px){.case-study{padding:15px}.case-choice{font-size:12px}}.lesson-section-label{display:flex;flex-direction:column;gap:4px;padding:15px 22px;background:#f1f8f6;border-top:1px solid #dfebe6;border-bottom:1px solid #dfebe6}.lesson-section-label b{font-size:12px;font-weight:800;color:#137e65}.lesson-section-label span{font-size:11px;color:#708999}.local-data-warning{display:flex;gap:14px;background:#e9f5ff;border:1px solid #cde3f4;border-radius:13px;padding:20px;margin:17px 0;color:#245a80}.local-data-warning svg{flex:none}.local-data-warning b{font-size:14px}.local-data-warning p{font-size:12px;line-height:1.8;color:#587c96;margin:6px 0 0}.data-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.data-summary>div{background:#fff;border:1px solid #e3eaf0;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.data-summary b{color:#128b6e;font-size:24px}.data-summary span{color:#7d92a5;font-size:11px}.backup-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.backup-panel section{background:#fff;border:1px solid #e3eaf0;border-radius:14px;padding:22px}.backup-panel h2{font-size:17px}.backup-panel p{font-size:12px;color:#73889b;line-height:1.8}.backup-panel button{display:flex;align-items:center;gap:9px;font-size:12px}.backup-panel label{display:flex;align-items:center;justify-content:center;gap:8px;background:#eff9f4;border:1px solid #c5e5d8;color:#158467;padding:12px;border-radius:9px;cursor:pointer;font-size:12px;font-weight:800}#learning-backup-file{margin-top:10px;font-size:12px;max-width:100%}.backup-message{background:#e9f8ef;border:1px solid #cde8db;color:#177757;padding:13px 16px;border-radius:10px;font-size:12px;margin-top:16px}.local-data-note{background:#fff;border:1px solid #e2eaf1;border-radius:13px;padding:21px;margin-top:18px}.local-data-note b{font-size:14px}.local-data-note p{font-size:12px;color:#71869b;margin-top:7px}@media(max-width:700px){.backup-panel{grid-template-columns:1fr}.data-summary>div{padding:12px}.data-summary b{font-size:19px}}