@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{color:#edf2f7;font-synthesis:none;background:#070b10;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0,#13253c 0,#0000 32%),#070b10;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.appShell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{background:#090e14f2;border-right:1px solid #1b2734;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:3px 8px 28px;display:flex}.brandmark{color:#9ee6ff;background:linear-gradient(145deg,#142a3e,#0c1620);border:1px solid #7dd3fc;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 0 25px #38bdf833}.brand strong{letter-spacing:.06em;display:block}.brand span{color:#55c8f5;letter-spacing:.23em;font-size:10px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#8fa0b2;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;padding:12px 13px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#f8fbff;background:#111c27}.sidebar nav button.active{box-shadow:inset 2px 0 #38bdf8}.sidebarBottom{margin-top:auto}.xpCard{background:#101a24;border:1px solid #1c2a38;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.xpCard svg{color:#fbbf24}.xpCard b,.xpCard span{display:block}.xpCard span{color:#76879a;margin-top:3px;font-size:11px}.progressTrack{background:#172331;border-radius:9px;height:5px;margin:9px 2px 16px;overflow:hidden}.progressTrack div{background:linear-gradient(90deg,#22d3ee,#60a5fa);height:100%}.plan{color:#8192a4;align-items:center;gap:7px;padding:0 5px;font-size:11px;display:flex}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#090e14cc;border-bottom:1px solid #17212c;justify-content:space-between;align-items:center;min-height:108px;padding:24px 38px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.04em;margin:3px 0 0;font-size:27px}.eyebrow,.kicker{letter-spacing:.16em;color:#38bdf8;font-size:10px;font-weight:700}.levelPill{color:#aebdca;background:#0f1720;border:1px solid #223243;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;display:flex}.content{max-width:1380px;padding:32px 38px 60px}.heroPanel{background:linear-gradient(125deg,#101b27,#0b121a);border:1px solid #213140;border-radius:18px;grid-template-columns:1.4fr .7fr;gap:30px;padding:38px;display:grid;position:relative;overflow:hidden}.heroPanel:after{content:"";filter:blur(10px);background:#0ea5e91a;border-radius:50%;width:340px;height:340px;position:absolute;top:-130px;right:-100px}.heroPanel h2{letter-spacing:-.05em;max-width:650px;margin:12px 0 15px;font-size:40px;line-height:1.05}.heroPanel p{color:#9aabba;max-width:680px;line-height:1.65}.heroActions{gap:10px;margin-top:23px;display:flex}.primary,.secondary{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.primary{color:#071018;background:#dff6ff}.primary:hover{background:#fff}.secondary{color:#d5e0e8;background:#172330;border:1px solid #263748}.mentorCard{z-index:1;background:#0b141dd9;border:1px solid #284155;border-radius:15px;align-self:center;padding:22px;position:relative}.mentorAvatar,.tinyAvatar{color:#061019;background:linear-gradient(145deg,#25c4f0,#3b82f6);place-items:center;font-weight:900;display:grid}.mentorAvatar{border-radius:12px;width:55px;height:55px;margin-bottom:15px}.mentorCard b,.mentorCard span{display:block}.mentorCard span{color:#7f92a4;margin-top:4px;font-size:12px}.mentorCard p{color:#a8b6c3;border-top:1px solid #22303c;padding-top:15px;font-family:JetBrains Mono;font-size:12px}.sectionHead{justify-content:space-between;align-items:end;margin:35px 2px 17px;display:flex}.sectionHead h3{margin:5px 0 0;font-size:21px}.textBtn{color:#6ad8ff;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.goalGrid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.goal{color:#9aacba;cursor:pointer;background:#0d141c;border:1px solid #1b2a38;border-radius:10px;align-items:center;gap:10px;min-height:60px;padding:12px;display:flex}.goal span{text-align:left;flex:1}.goal:hover,.goal.selected{color:#eafaff;background:#10202b;border-color:#2d718d}.goal.selected>svg:last-child{color:#22d3ee}.courseGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.courseCard{background:#0d141c;border:1px solid #1c2b39;border-radius:14px;padding:19px;position:relative}.courseIcon{color:#5fd8ff;background:#102735;border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:15px;display:grid}.courseLevel{color:#708396;text-transform:uppercase;font-size:10px;position:absolute;top:20px;right:17px}.courseCard h4{margin:5px 0 8px;font-size:18px}.courseCard>p{color:#8294a5;min-height:60px;font-size:13px;line-height:1.55}.courseMeta{color:#63788c;border-top:1px solid #192632;justify-content:space-between;padding:13px 0;font-size:11px;display:flex}.courseCard>button{color:#bfefff;cursor:pointer;background:#111f2a;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;display:flex}.allCourses{grid-template-columns:repeat(2,1fr)}.lessonList{gap:6px;margin-top:15px;display:grid}.lessonList button{color:#9eb1c1;text-align:left;cursor:pointer;background:#0a1118;border:1px solid #1c2b38;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.lessonList button span b,.lessonList button span small{display:block}.lessonList small{color:#637587;margin-top:3px;font-size:10px}.back{color:#68cef4;cursor:pointer;background:0 0;border:0;margin-bottom:18px}.lessonHero{border-left:3px solid #38bdf8;margin-bottom:28px;padding:9px 0 9px 22px}.lessonHero span{color:#687c8e;letter-spacing:.12em;font-size:10px}.lessonHero h2{margin:8px 0;font-size:34px}.lessonHero p{color:#94a6b5}.lessonBody{grid-template-columns:1.3fr .8fr;gap:24px;display:grid}.lessonCopy{color:#c2ccd5;font-size:16px;line-height:1.75}.lessonCopy p{margin:0 0 19px}.tryBox{color:#b8dae7;background:#0d1f29;border:1px solid #1f4253;border-radius:11px;gap:13px;padding:17px;display:flex}.tryBox svg{color:#38bdf8;flex:none}.tryBox p{margin:4px 0 0;font-size:13px}.quizCard{background:#0e161e;border:1px solid #21313f;border-radius:14px;height:max-content;padding:21px;position:sticky;top:130px}.quizCard h3{font-size:17px;line-height:1.4}.quiz{color:#9daebb;text-align:left;cursor:pointer;background:#0a1117;border:1px solid #233342;border-radius:8px;width:100%;margin:5px 0;padding:11px}.quiz:hover,.quiz.selected{color:#e9f9ff;border-color:#3b82a3}.feedback{border-radius:8px;margin:10px 0;padding:11px;font-size:12px;line-height:1.5}.feedback.good{color:#86efac;background:#0f2a25}.feedback.bad{color:#fca5a5;background:#2c1a1a}.full{justify-content:center;width:100%;margin-top:8px}.primary:disabled{opacity:.35;cursor:not-allowed}.labIntro{align-items:center;gap:18px;margin-bottom:22px;display:flex}.labIntro>svg{color:#5fd8ff;background:#102735;border-radius:13px;width:60px;height:60px;padding:15px}.labIntro h2{margin:5px 0}.labIntro p{color:#8192a2;margin:6px 0}.terminal{background:#05090d;border:1px solid #243544;border-radius:13px;overflow:hidden}.terminalBar{background:#111922;border-bottom:1px solid #1f2b36;align-items:center;gap:6px;height:42px;padding:0 13px;display:flex}.terminalBar span{background:#40505e;border-radius:50%;width:9px;height:9px}.terminalBar b{color:#748797;margin-left:8px;font-family:JetBrains Mono;font-size:11px}.terminalBody{color:#9cb3c3;min-height:330px;padding:18px;font-family:JetBrains Mono;font-size:13px;line-height:1.7}.promptLine{color:#35d0f7}.terminalInput{align-items:center;gap:9px;margin-top:5px;display:flex}.terminalInput span{color:#4ade80}.terminalInput input{color:#eaf6fc;background:0 0;border:0;outline:0;flex:1;font-family:inherit}.terminalInput button{color:#70ddff;background:#142431;border:1px solid #263d4f;border-radius:6px;padding:5px 10px}.labCards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.labCards article{background:#0d141b;border:1px solid #1c2a36;border-radius:12px;padding:18px}.labCards svg{color:#6ad8ff}.labCards h4{margin:11px 0 6px}.labCards p{color:#7d91a2;font-size:12px;line-height:1.55}.labCards span{color:#536d7f;letter-spacing:.12em;font-size:9px}.tutorPage{flex-direction:column;height:calc(100vh - 108px);display:flex}.topicChips{flex-wrap:wrap;gap:7px;display:flex}.topicChips button{color:#89b8cd;cursor:pointer;background:#0c161e;border:1px solid #203342;border-radius:30px;padding:8px 12px;font-size:12px}.chat{flex-direction:column;flex:1;gap:14px;padding:24px 0;display:flex;overflow:auto}.msg{gap:10px;max-width:760px;font-size:14px;line-height:1.6;display:flex}.msg>div:last-child{border-radius:11px;padding:13px 15px}.msg.tutor>div:last-child{color:#b9cbd8;background:#101b24;border:1px solid #1d303e}.msg.user{align-self:flex-end}.msg.user>div:last-child{color:#071018;background:#dff6ff}.tinyAvatar{border-radius:7px;flex:none;width:30px;height:30px;font-size:10px}.composer{background:#0d151d;border:1px solid #233543;border-radius:12px;gap:8px;padding:8px;display:flex}.composer input{color:#eef7fc;background:0 0;border:0;outline:0;flex:1;padding:8px}.composer button{color:#071018;cursor:pointer;background:#dff6ff;border:0;border-radius:8px;place-items:center;width:40px;display:grid}@media (width<=1000px){.appShell{grid-template-columns:78px 1fr}.sidebar{padding:22px 12px}.brand>div:last-child,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{justify-content:center}.sidebarBottom{display:none}.goalGrid{grid-template-columns:repeat(2,1fr)}.courseGrid{grid-template-columns:1fr 1fr}.heroPanel{grid-template-columns:1fr}.mentorCard{display:none}}@media (width<=720px){.appShell{display:block}.sidebar{z-index:20;border-top:1px solid #1b2734;border-right:0;width:100%;height:66px;padding:8px;position:fixed;top:auto;bottom:0}.brand,.sidebarBottom{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:2px}.sidebar nav button,.sidebar nav button:not(.active){flex-direction:column;gap:3px;padding:5px;font-size:9px;display:flex}.topbar{min-height:82px;padding:18px}.topbar h1{font-size:21px}.levelPill{display:none}.content{padding:20px 16px 90px}.heroPanel{padding:24px}.heroPanel h2{font-size:31px}.goalGrid,.courseGrid,.allCourses,.lessonBody,.labCards{grid-template-columns:1fr}.lessonBody{display:block}.quizCard{margin-top:18px;position:static}.tutorPage{height:calc(100vh - 82px);padding-bottom:80px}.courseCard>p{min-height:auto}}.topActions{align-items:center;gap:9px;display:flex}.accountMini{color:#92b4c5;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#0d1720;border:1px solid #243746;border-radius:8px;max-width:230px;padding:9px 12px;overflow:hidden}.paymentBanner{color:#aeeaff;background:#0d2631;border:1px solid #28576b;border-radius:10px;margin:14px 38px 0;padding:12px 15px;font-size:13px}.upgradeStrip{background:linear-gradient(90deg,#0d1b25,#101924);border:1px solid #315066;border-radius:12px;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 16px;display:flex}.upgradeStrip>div{align-items:center;gap:11px;display:flex}.upgradeStrip b,.upgradeStrip small{display:block}.upgradeStrip small{color:#8096a6;margin-top:3px}.upgradeStrip button{color:#071018;cursor:pointer;background:#dff6ff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}.labTabs{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.labTabs button{color:#7e95a5;cursor:pointer;background:#0c151d;border:1px solid #203341;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;display:flex}.labTabs button.active{color:#e6f9ff;background:#102431;border-color:#32718b}.labWorkspace{grid-template-columns:1fr 1fr;gap:16px;display:grid}.labPanel{background:#0d151d;border:1px solid #1f303e;border-radius:13px;min-height:360px;padding:20px}.labPanel label{color:#8fa4b4;margin:15px 0;font-size:12px;display:block}.labPanel textarea,.labPanel input,.labPanel select{color:#e5f6ff;background:#071018;border:1px solid #243645;border-radius:7px;width:100%;margin-top:7px;padding:10px}.labPanel textarea{resize:vertical;min-height:88px}.labPanel input[type=range]{padding:0}.labPanel pre{white-space:pre-wrap;word-break:break-word;color:#a9cada;background:#061016;border:1px solid #182a36;border-radius:9px;min-height:210px;padding:14px;font-family:JetBrains Mono;font-size:12px;line-height:1.55}.labHint{color:#6f8495;font-size:12px;line-height:1.5}.toggleRow{align-items:center;gap:9px;display:flex!important}.toggleRow input{width:auto;margin:0}.toggleRow span{text-transform:capitalize}.agentResult>svg{color:#5fd8ff;margin-top:25px}.agentResult p{color:#91a6b6}.warning{color:#f5c57a;background:#2a1d0d;border:1px solid #6b4c1c;border-radius:8px;align-items:flex-start;gap:8px;padding:11px;font-size:12px;display:flex}.tutorNotice{color:#85a4b6;background:#0d1a23;border:1px solid #253b49;border-radius:8px;margin-top:13px;padding:10px 12px;font-size:12px}.accountPage{max-width:1000px}.accountGrid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.accountCard,.authCard{background:#0d151d;border:1px solid #1f303e;border-radius:14px;padding:24px}.accountCard h2,.authCard h2{margin:8px 0}.accountCard>p,.authCard>p{color:#8397a7}.entitlement{background:#0a1218;border:1px solid #293947;border-radius:10px;align-items:center;gap:11px;margin:22px 0;padding:14px;display:flex}.entitlement.active{color:#b7f7d7;background:#0d241d;border-color:#246b55}.entitlement b,.entitlement span{display:block}.entitlement span{color:#8399aa;margin-top:3px;font-size:12px}.bigStat{color:#dff6ff;margin-top:30px;font-size:54px;font-weight:800}.bigStat small{color:#698092;margin-left:7px;font-size:13px}.authCard{max-width:520px;margin:10px auto}.authCard label{color:#8ea3b3;margin:14px 0;font-size:12px;display:block}.authCard input{color:#e5f6ff;background:#071018;border:1px solid #243645;border-radius:8px;width:100%;margin-top:7px;padding:11px}.authSwitch{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:22px;display:grid}.authSwitch button{color:#748d9f;background:#091119;border:1px solid #213441;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px;display:flex}.authSwitch button.active{color:#e4f8ff;background:#10232f;border-color:#33728b}.authError{color:#ffb5bd;background:#2b1518;border:1px solid #71313a;border-radius:8px;margin:10px 0;padding:10px 12px;font-size:12px}.accountError{margin-top:14px}.smallPrint{text-align:center;line-height:1.5;color:#657b8b!important;font-size:11px!important}.secondary.full{justify-content:center;width:100%;margin-top:8px}@media (width<=720px){.topActions{display:none}.paymentBanner{margin:10px 16px 0}.upgradeStrip{flex-direction:column;align-items:flex-start;gap:14px}.labWorkspace,.accountGrid{grid-template-columns:1fr}.labTabs{grid-template-columns:1fr 1fr;display:grid}.labTabs button{justify-content:center}.accountPage{padding-bottom:90px}}.certificateCard{grid-column:1/-1}.certificateList{gap:9px;margin-top:16px;display:grid}.certificateRow{color:#718696;background:#091118;border:1px solid #1f303d;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.certificateRow.ready{color:#c8f7e4;background:#0c211b;border-color:#256c59}.certificateRow b,.certificateRow small{display:block}.certificateRow small{color:#718696;margin-top:3px;font-size:10px}.certificateRow button{color:#7690a2;background:#111d26;border:1px solid #2a3b49;border-radius:7px;padding:7px 10px;font-size:11px}.certificateRow.ready button{color:#bdf7e1;cursor:pointer;border-color:#2d8069}
