@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--navy:#0c2942;--navy2:#143c59;--ink:#102b3e;--muted:#667884;--cream:#f4f0e8;--paper:#fbfaf7;--orange:#ef7b32;--orange2:#ff9a58;--blue:#4a91b8;--line:#d9dedc;--green:#2b8065;--shadow:0 18px 45px #17303e1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,system-ui,sans-serif}.app{min-height:100vh;padding-left:270px}.sidebar{background:var(--navy);color:#fff;z-index:20;flex-direction:column;width:270px;padding:25px 18px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:auto}.brand{align-items:center;gap:11px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:9px;width:43px;height:43px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.14em;font-size:13px}.brand span{color:#8eb9cf;letter-spacing:.11em;margin-top:3px;font:500 9px DM Mono}.side-top{justify-content:space-between;display:flex}.close-side{display:none}.sidebar nav{gap:5px;margin-top:36px;display:grid}.sidebar nav>p{color:#7599ad;letter-spacing:.13em;margin:21px 10px 8px;font:500 10px DM Mono}.sidebar nav button{color:#b9cbd5;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 10px;font:500 12px Manrope;display:flex;position:relative}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#183d57}.sidebar nav button.active:before{content:"";background:var(--orange);border-radius:0 3px 3px 0;width:3px;height:26px;position:absolute;left:-18px}.sidebar nav button>span:nth-child(2){flex:1;gap:2px;display:grid}.sidebar nav button strong{font-size:11px}.sidebar nav button small{color:#7799ac;font-size:9px}.nav-num{color:#80a8bd;border:1px solid #31556d;border-radius:50%;place-items:center;width:25px;height:25px;font:500 9px DM Mono;display:grid}.nav-icon{opacity:.5}.side-note{color:#ffad74;background:#153951;border:1px solid #254b63;border-radius:12px;gap:9px;margin-top:auto;padding:13px;display:flex}.side-note strong,.side-note span{display:block}.side-note strong{font-size:10px}.side-note span{color:#8dacbd;margin-top:4px;font-size:9px;line-height:1.5}.mobile-menu{display:none}main{min-width:0}.hero{background:var(--cream);grid-template-columns:1.05fr .95fr;min-height:570px;padding:85px clamp(35px,6vw,90px) 70px;display:grid;overflow:hidden}.hero-copy{align-self:center;max-width:620px}.eyebrow{letter-spacing:.14em;color:var(--orange);align-items:center;gap:7px;font:500 10px DM Mono;display:flex}.hero h1,.lesson-head h1{letter-spacing:-.055em;margin:21px 0 24px;font-size:clamp(46px,5.2vw,78px);line-height:1.01}.hero h1 em{color:var(--orange);white-space:nowrap;font-family:Georgia,serif;font-weight:400}.hero-copy>p{color:var(--muted);max-width:570px;font-size:16px;line-height:1.8}.hero-actions{align-items:center;gap:28px;margin-top:31px;display:flex}.primary{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font:700 12px Manrope;display:flex;box-shadow:0 7px 18px #ef7b3233}.primary:hover{background:#d96725}.hero-actions a{color:var(--ink);text-underline-offset:5px;font-size:12px}.hero-visual{align-self:center;min-height:360px;position:relative}.orbit{color:#fff;width:170px;height:170px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font:800 40px DM Mono;display:grid;position:absolute}.sas-orbit{background:var(--orange);top:18%;left:12%}.py-orbit{background:var(--blue);bottom:9%;right:8%}.bridge-mark{background:var(--navy);color:#fff;text-align:center;border:8px solid var(--cream);z-index:3;border-radius:50%;place-items:center;width:110px;height:110px;display:grid;position:absolute;top:45%;left:46%}.bridge-mark span{font:500 7px/1.4 DM Mono}.code-float{box-shadow:var(--shadow);background:#fff;border-left:3px solid;padding:12px 15px;font:500 9px/1.8 DM Mono;position:absolute}.code-float i{color:var(--blue);font-style:normal}.code-a{border-color:var(--orange);top:10%;right:2%}.code-b{border-color:var(--blue);bottom:4%;left:3%}.stat-strip{background:var(--navy);color:#fff;grid-template-columns:repeat(3,1fr) 2fr;gap:30px;padding:24px clamp(35px,6vw,90px);display:grid}.stat-strip>div{border-right:1px solid #29475d}.stat-strip strong{color:var(--orange2);font:500 25px DM Mono;display:block}.stat-strip span,.stat-strip small{color:#8ca5b5;font-size:9px}.progress-stat{grid-template-columns:1fr;gap:6px;display:grid;border:0!important}.progress-stat b{background:#315064;border-radius:5px;width:100%;height:4px;display:block}.progress-stat b i{background:var(--orange);border-radius:5px;height:100%;display:block}.curriculum{padding:85px clamp(30px,6vw,90px) 100px}.section-head{justify-content:space-between;align-items:end;gap:40px;display:flex}.section-head h2,.philosophy h2,.objectives h2,.concept h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(30px,3.3vw,48px)}.section-head>p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.7}.tools{justify-content:space-between;align-items:center;gap:20px;margin:38px 0 25px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;display:flex}.search input{background:0 0;border:0;outline:0;width:210px;font:12px Manrope}.filters{gap:6px;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:20px;padding:8px 13px;font:600 10px Manrope}.filters button.active{background:var(--navy);border-color:var(--navy);color:#fff}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.module-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;min-height:260px;padding:24px;transition:all .2s;display:flex}.module-card:hover{box-shadow:var(--shadow);border-color:#a8bdc8;transform:translateY(-3px)}.card-top{align-items:center;gap:12px;margin-bottom:28px;display:flex}.card-top>span{color:#9aa8ae;font:500 11px DM Mono}.module-icon{width:40px;height:40px;color:var(--navy2);background:#eef4f5;border-radius:8px;place-items:center;display:grid}.module-icon svg{width:19px}.done{color:var(--green);background:#e7f5ef;border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:6px 9px;font-size:9px;display:flex}.card-eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font:500 9px DM Mono}.module-card h3{letter-spacing:-.025em;margin:8px 0;font-size:21px}.module-card>p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.65}.module-card footer{border-top:1px solid #edf0ef;align-items:center;gap:14px;margin-top:auto;padding-top:15px;display:flex}.module-card footer span{color:#7e8f98;align-items:center;gap:5px;font-size:9px;display:flex}.module-card footer button{color:var(--orange);background:0 0;border:0;margin-left:auto}.philosophy{background:#e9eff0;padding:80px clamp(35px,6vw,90px)}.principles{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px;display:grid}.principles article{border-top:2px solid var(--navy);padding-top:18px}.principles b{color:var(--orange);font:500 10px DM Mono}.principles h3{margin:14px 0 7px;font-size:15px}.principles p{color:var(--muted);font-size:11px;line-height:1.65}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:40px clamp(30px,6vw,85px) 0;font:600 11px Manrope;display:flex}.lesson-head{justify-content:space-between;padding:50px clamp(30px,6vw,85px) 70px;display:flex;overflow:hidden}.lesson-head>div{max-width:780px}.lesson-head h1{margin-bottom:20px;font-size:clamp(43px,5.2vw,70px)}.lesson-head p{color:var(--muted);max-width:700px;font-size:15px;line-height:1.8}.lesson-meta{gap:18px;margin-top:25px;display:flex}.lesson-meta span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.lesson-meta .completed{color:var(--green)}.giant-num{color:#edf0ed;font:500 clamp(100px,16vw,210px)/.75 DM Mono}.objectives{background:var(--navy);color:#fff;grid-template-columns:1fr 1.5fr;gap:40px;padding:38px clamp(30px,6vw,85px);display:grid}.objectives span{color:var(--orange2);letter-spacing:.12em;font:500 9px DM Mono}.objectives h2{font-size:28px}.objectives ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.objectives li{color:#c0ced7;align-items:center;gap:10px;font-size:12px;display:flex}.objectives li svg{color:var(--orange)}.concept{max-width:1150px;padding:75px clamp(30px,10vw,145px)}.concept h2{margin-bottom:24px}.concept p{color:#405765;border-left:3px solid var(--orange);padding-left:28px;font-family:Georgia,serif;font-size:20px;line-height:1.8}.comparison{background:var(--cream);padding:75px clamp(30px,6vw,85px)}.code-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:38px;display:grid}.code-panel{background:#0b2538;border-radius:9px;overflow:hidden}.code-head{border-bottom:1px solid #284356;justify-content:space-between;padding:13px 16px;display:flex}.code-head span{color:#fff;letter-spacing:.1em;align-items:center;gap:8px;font:500 10px DM Mono;display:flex}.code-head i{background:var(--orange);border-radius:50%;width:8px;height:8px}.code-panel.python .code-head i{background:#61acd2}.code-head button{color:#7f9aaa;cursor:pointer;background:0 0;border:0;font:500 9px Manrope}.code-panel pre{min-height:230px;margin:0;padding:22px;overflow:auto}.code-panel code{color:#d9e6ec;white-space:pre;font:400 11px/1.75 DM Mono}.bridge-list{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;gap:15px;margin-top:15px;padding:20px;display:grid}.bridge-list>strong{font-size:12px}.bridge-list span{color:var(--muted);align-items:start;gap:8px;font-size:10px;display:flex}.bridge-list span b{color:var(--orange);font:500 8px DM Mono}.quiz-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;max-width:900px;margin:75px clamp(30px,10vw,145px);padding:30px}.quiz-title{color:var(--orange);text-transform:uppercase;justify-content:space-between;font:600 10px DM Mono;display:flex}.quiz-title span{align-items:center;gap:8px;display:flex}.quiz-title em{color:#98a5ac;font-style:normal}.quiz-card h3{margin:25px 0;font-size:22px}.answers{grid-template-columns:1fr 1fr;gap:9px;display:grid}.answers button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:7px;align-items:center;gap:10px;padding:13px;font:500 11px Manrope;display:flex}.answers button b{background:#edf2f2;border-radius:50%;place-items:center;width:25px;height:25px;font:500 9px DM Mono;display:grid}.answers button.selected{border-color:var(--blue);background:#eef7fb}.answers button.correct{border-color:var(--green);background:#eaf7f2}.answers button.wrong{background:#fff2f2;border-color:#b64747}.answers button svg{color:var(--green);margin-left:auto}.quiz-submit{margin-top:20px}.quiz-submit:disabled{opacity:.45}.feedback{color:#755142;background:#fff2ed;border-radius:7px;padding:13px;font-size:11px;line-height:1.6}.feedback.is-correct{color:#336653;background:#eaf7f2}.lesson-nav{border-top:1px solid var(--line);justify-content:space-between;padding:30px clamp(30px,6vw,85px) 60px;display:flex}.lesson-nav button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font:700 11px Manrope;display:flex}.lesson-nav button:disabled{opacity:.3}.lesson-nav .primary{background:var(--orange);color:#fff;padding:13px 18px}.scrim{display:none}@media (width<=1000px){.app{padding-left:0}.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.close-side{color:#fff;background:0 0;border:0;display:block}.mobile-menu{z-index:15;background:var(--navy);color:#fff;border:0;border-radius:7px;align-items:center;gap:6px;padding:9px 11px;font:600 10px Manrope;display:flex;position:fixed;top:12px;left:12px}.mobile-menu svg{width:16px}.scrim.show{z-index:19;background:#07192799;display:block;position:fixed;inset:0}.hero{padding-top:100px}.stat-strip{grid-template-columns:repeat(3,1fr)}.progress-stat{grid-column:1/-1}.bridge-list{grid-template-columns:1fr 1fr}.bridge-list>strong{grid-column:1/-1}}@media (width<=700px){.hero{grid-template-columns:1fr;min-height:auto;padding:95px 24px 45px}.hero h1{font-size:45px}.hero-visual{min-height:330px}.orbit{width:135px;height:135px;font-size:31px}.stat-strip{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 24px}.stat-strip>div{padding-right:8px}.curriculum,.philosophy{padding:60px 24px}.section-head{display:block}.tools{flex-direction:column;align-items:stretch}.filters{overflow:auto}.module-grid,.principles,.code-grid,.answers{grid-template-columns:1fr}.module-card{min-height:240px}.lesson-head{padding:55px 24px 45px}.giant-num{display:none}.objectives{grid-template-columns:1fr;padding:32px 24px}.concept,.comparison{padding:55px 24px}.concept p{font-size:17px}.bridge-list{grid-template-columns:1fr}.quiz-card{margin:55px 24px;padding:22px}.lesson-nav{padding:25px 24px 50px}.lesson-meta{flex-wrap:wrap}.code-panel pre{min-height:auto}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}}
