:root{color:#e8edf6;font-synthesis:none;background:#07111f;font-family:Plus Jakarta Sans,Noto Kufi Arabic,sans-serif}*{box-sizing:border-box}body{background:#07111f;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #f6b73c}.app-shell{background:radial-gradient(circle at 82% 0,#5b55ca38,#0000 29rem),#07111f;grid-template-columns:262px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#050d1ac2;border-inline-end:1px solid #abc0dc1f;flex-direction:column;height:100vh;min-height:100vh;padding:26px 16px;display:flex;position:sticky;top:0}.brand{color:#f7f9ff;cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:9px;padding:8px 10px;font-size:22px;font-weight:800;display:flex}.brand span span{color:#e4b13c}.brand-mark{color:#07111f;background:linear-gradient(135deg,#e5b23c,#f4d17a);border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 8px 24px #e5b23c33}.nav{gap:7px;margin-top:44px;display:grid}.nav-item{color:#9caec8;cursor:pointer;text-align:start;transition:.18s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.nav-item:hover{color:#eef3ff;background:#ffffff0b}.nav-item.active{color:#fff;background:#6b60e729;border-color:#877eff33}.sidebar-foot{color:#7e90ad;border-top:1px solid #abc0dc1a;margin-top:auto;padding:18px 10px 0;font-size:11px;line-height:1.7}.mini-status{color:#edc86e;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.topbar{display:none}.main{width:min(1280px,100%);margin:0 auto;padding:42px clamp(24px,5vw,72px) 70px}:root{--ease:cubic-bezier(.23,1,.32,1)}.hero{background:linear-gradient(125deg,#12213cf5,#0c162beb);border:1px solid #a8badc29;border-radius:24px;min-height:390px;padding:clamp(30px,5vw,60px);position:relative;overflow:hidden}.panel-grid:after{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#819ecd12 1px,#0000 1px),linear-gradient(90deg,#819ecd12 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 70%);mask-image:linear-gradient(270deg,#000,#0000 70%)}.eyebrow{color:#f0c55c;text-transform:uppercase;letter-spacing:.08em;z-index:1;align-items:center;gap:7px;font:600 11px/1.4 IBM Plex Mono,monospace;display:flex;position:relative}.hero h1,.section-head h1{letter-spacing:-.055em;z-index:1;max-width:790px;margin:18px 0;font-size:clamp(34px,4vw,62px);line-height:1.08;position:relative}.hero p{color:#b9c5d8;z-index:1;max-width:610px;margin:0;line-height:1.9;position:relative}.hero-actions{z-index:1;gap:12px;margin-top:28px;display:flex;position:relative}.primary,.secondary,.complete-button{cursor:pointer;transition:transform .16s var(--ease), background .16s var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-weight:700;display:inline-flex}.primary{color:#10192a;background:#e9b63d;border:1px solid #efc35b}.primary:hover{background:#f6cc69;transform:translateY(-2px)}.primary:active,.secondary:active{transform:scale(.97)}.secondary{color:#d6e0f3;background:#ffffff0b;border:1px solid #b2c7e830}.secondary:hover{background:#ffffff17}.hero-code{inset-inline-end:0;color:#d6d8ff;z-index:1;direction:ltr;background:linear-gradient(90deg,#0000,#050b16bf);grid-template-columns:28px 1fr;gap:7px 14px;width:41%;min-width:330px;padding:30px;font:500 13px/1.6 IBM Plex Mono,monospace;display:grid;position:absolute;bottom:0}.hero-code span{color:#60708b;text-align:end}.hero-code code:last-child{color:#f0c75b}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 54px;display:grid}.stat{background:#101d349e;border:1px solid #a2b9de21;border-radius:16px;grid-template-columns:auto 1fr;column-gap:12px;padding:18px;display:grid}.stat-icon{border-radius:10px;grid-row:span 2;place-items:center;width:36px;height:36px;display:grid}.stat strong{font:700 23px/1 IBM Plex Mono,monospace}.stat span:last-child{color:#9fb0c9;margin-top:6px;font-size:12px}.violet .stat-icon{color:#b2a9ff;background:#8376ff26}.gold .stat-icon{color:#f3cb5e;background:#f1be4924}.coral .stat-icon{color:#ff977d;background:#ff7e6224}.teal .stat-icon{color:#64daca;background:#4dcdb824}.section-head{justify-content:space-between;align-items:end;gap:22px;margin-bottom:22px;display:flex}.section-head h2{letter-spacing:-.035em;margin:10px 0 0;font-size:26px}.section-head p{color:#9fb0c9;max-width:690px;margin:13px 0 0;line-height:1.8}.text-button{color:#f2c761;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;display:flex}.active-card{background:#0c172bad;border:1px solid #a7bee224;border-radius:16px;align-items:stretch;gap:20px;margin-bottom:56px;display:flex;overflow:hidden}.track-swatch{flex:0 0 6px;width:6px}.active-card-main{flex:1;padding:23px 0}.tag{color:#b8c7df;border:1px solid #b6c8ea33;border-radius:999px;padding:5px 9px;font:500 10px IBM Plex Mono,monospace;display:inline-flex}.active-card p{color:#ecf1fa;margin:12px 0 16px}.progress-line{background:#b1c4e41f;border-radius:8px;width:100%;height:6px;overflow:hidden}.progress-line span{border-radius:inherit;height:100%;transition:width .3s var(--ease);display:block}.active-card small{color:#92a3bc;margin-top:9px;display:block}.launch-note{color:#d6e0f4;border-inline-start:1px solid #a7bee21f;flex-direction:column;justify-content:center;gap:10px;width:180px;padding:21px;font-size:13px;display:flex}.launch-note svg{color:#efc45b}.compact{margin-top:0}.track-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.track-card{color:#eaf0fb;text-align:start;cursor:pointer;min-height:190px;transition:.18s var(--ease);background:#0d192f94;border:1px solid #a7bee221;border-radius:15px;flex-direction:column;padding:20px;display:flex}.track-card:hover{background:#152746c7;border-color:#dec15b52;transform:translateY(-3px)}.track-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.track-card-title{margin-top:16px;font-size:17px;font-weight:700}.track-card-text{color:#9aacc6;margin-top:8px;font-size:12px;line-height:1.7}.track-card-footer{color:#eac15c;align-items:center;gap:5px;margin-top:auto;font-size:11px;display:flex}.paths-head{margin-bottom:24px;display:block}.paths-head h1{margin-bottom:10px;font-size:clamp(33px,4vw,50px)}.path-tabs{gap:8px;margin-bottom:20px;padding-bottom:8px;display:flex;overflow:auto}.path-tab{color:#a8b7cc;cursor:pointer;background:#0e1b3180;border:1px solid #a7bee226;border-radius:9px;flex:none;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.path-tab span{border-radius:50%;width:7px;height:7px}.path-tab.active{color:#eff4ff;background:#6356db30;border-color:#9488ff59}.learning-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.lesson-list{gap:17px;max-height:calc(100vh - 50px);padding-inline-end:4px;display:grid;position:sticky;top:25px;overflow:auto}.stage-group{gap:7px;display:grid}.stage-group>header{border-inline-start:3px solid #e9b63d;gap:4px;padding:3px 10px;display:grid}.stage-group>header b{color:#f1f5fd;font-size:12px}.stage-group>header small{color:#7f93b1;font-size:10px;line-height:1.45}.lesson-item{color:#aab9ce;cursor:pointer;text-align:start;transition:.16s var(--ease);background:#0a1528b3;border:1px solid #a7bee21c;border-radius:11px;align-items:center;gap:10px;padding:11px;display:flex}.lesson-item.active{color:#fff;background:#56441533;border-color:#ebc05261}.lesson-item b{font-size:12px;line-height:1.4;display:block}.lesson-item small{color:#71839f;margin-top:4px;font:10px IBM Plex Mono,monospace;display:block}.lesson-number{color:#a6b7d0;background:#a7bee214;border-radius:7px;flex:0 0 26px;place-items:center;width:26px;height:26px;font:11px IBM Plex Mono,monospace;display:grid}.lesson-number.done{color:#75d9b3;background:#3ab38721}.lesson-workspace{background:#0d192ebd;border:1px solid #a7bee226;border-radius:17px;padding:clamp(22px,4vw,40px)}.lesson-meta{color:#9aaac1;justify-content:space-between;gap:12px;font:11px IBM Plex Mono,monospace;display:flex}.lesson-workspace h2{letter-spacing:-.04em;margin:22px 0 10px;font-size:clamp(27px,3vw,38px)}.stage-outcome{color:#91a6c4;margin:0 0 22px;font-size:13px;line-height:1.7}.info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.info-grid>div{background:#ffffff09;border-radius:12px;padding:15px}.info-grid span{color:#e9c35b;text-transform:uppercase;font:600 10px IBM Plex Mono,monospace}.info-grid p{color:#bdc9dc;margin:9px 0 0;font-size:13px;line-height:1.75}.code-card{text-align:left;direction:ltr;background:#07101e;border:1px solid #a7bee226;border-radius:12px;overflow:hidden}.code-card header{color:#aebdd2;border-bottom:1px solid #a7bee21a;justify-content:space-between;align-items:center;padding:11px 15px;font:11px IBM Plex Mono,monospace;display:flex}.code-card header span:first-child{align-items:center;gap:7px;display:flex}.language-dot{color:#6ad7bb}.code-card pre{white-space:pre-wrap;color:#e7efff;margin:0;padding:18px;font:13px IBM Plex Mono,monospace}.challenge-card{background:#513d0c1f;border:1px solid #e8ba5236;border-radius:12px;margin-top:24px;padding:19px}.challenge-card h3{margin:13px 0;font-size:17px}.choice-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.choice{color:#c4d0e3;text-align:start;cursor:pointer;background:#050c1970;border:1px solid #a7bee229;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.choice:hover:not(:disabled){border-color:#efc35894}.choice:disabled{cursor:default}.choice>span{color:#efc35b;background:#efc3581a;border-radius:5px;place-items:center;width:21px;height:21px;font:10px IBM Plex Mono,monospace;display:grid}.choice.correct{color:#bdeed8;border-color:#5cd6a187}.choice.incorrect{color:#ffb4a6;border-color:#ff816d7a}.answer-feedback{color:#ffb29f;background:#ff7f6914;border-radius:8px;padding:10px;font-size:12px;line-height:1.7}.answer-feedback.success{color:#9be4c1;background:#57ca971a}.complete-button{color:#141c2b;background:#efc35b;border:1px solid #efc35b;width:100%;margin-top:18px}.complete-button.is-done,.secondary.is-done{color:#98e0bb;cursor:default;background:#48b1841f;border-color:#6fdbaa4d}.mission-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.mission-card{background:linear-gradient(155deg,#172744d4,#091325d9);border:1px solid #a7bee229;border-radius:16px;flex-direction:column;min-height:340px;padding:23px;display:flex}.mission-top{color:#f0c45c;justify-content:space-between;font:600 14px IBM Plex Mono,monospace;display:flex}.mission-card h2{letter-spacing:-.035em;margin:17px 0 8px;font-size:23px}.mission-card p{color:#aebed3;font-size:13px;line-height:1.8}.skill-chips{flex-wrap:wrap;gap:7px;margin:17px 0 20px;display:flex}.skill-chips span{color:#b9c8dc;border:1px solid #a7bee229;border-radius:6px;padding:5px 7px;font:10px IBM Plex Mono,monospace}.mission-card button{width:100%;margin-top:auto;font-size:12px}.studio-principles{color:#9de5c7;background:#2b8d7014;border:1px solid #74d9b733;border-radius:14px;gap:16px;margin-top:22px;padding:22px;display:flex}.studio-principles h3{color:#dcf5e8;margin:0 0 5px;font-size:15px}.studio-principles p{color:#a8d7c0;margin:0;font-size:13px;line-height:1.7}.passport-card{background:linear-gradient(135deg,#533c0b4f,#0e1c33c7);border:1px solid #e8be5459;border-radius:18px;padding:clamp(24px,4vw,44px)}.passport-header{border-bottom:1px solid #c4d3ef24;align-items:center;gap:17px;padding-bottom:25px;display:flex}.passport-mark{color:#1b2230;background:linear-gradient(135deg,#efc457,#f6df9d);border-radius:15px;place-items:center;width:68px;height:68px;display:grid}.passport-header span{color:#e9c260;text-transform:uppercase;font:11px IBM Plex Mono,monospace}.passport-header h2{letter-spacing:-.03em;margin:6px 0}.passport-header p{color:#aabbd2;margin:0;font-size:12px}.passport-skills{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:24px;display:grid}.passport-skills>div{color:#e8effb;background:#ffffff0a;border-radius:9px;grid-template-columns:auto 1fr;column-gap:8px;padding:12px;font-size:12px;display:grid}.passport-skills svg{color:#75d8ae}.passport-skills small{color:#92a6c3;grid-column:2;margin-top:5px;font-size:9px}.empty-proof{color:#aabbd0;grid-column:1/-1;line-height:1.8}.map-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.map-card{background:#0b172ba6;border:1px solid #a7bee224;border-radius:12px;padding:14px}.map-card>div:first-child{color:#b5c4d8;align-items:center;gap:8px;font-size:11px;display:flex}.map-card strong{margin:17px 0 9px;font:700 20px IBM Plex Mono,monospace;display:block}.passport-note{color:#a5b7d0;align-items:center;gap:8px;margin-top:24px;font-size:12px;line-height:1.7;display:flex}@media (width<=1000px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07111ff0;border-bottom:1px solid #a7bee21f;justify-content:space-between;align-items:center;height:65px;padding:0 18px;display:flex;position:sticky;top:0}.menu-button{color:#dfe8fa;cursor:pointer;background:0 0;border:0}.mobile-brand{font-size:18px}.mobile-brand .brand-mark{width:27px;height:27px}.language-switch{color:#ebc15b;cursor:pointer;background:0 0;border:1px solid #ebc15b4d;border-radius:7px;padding:7px 9px;font-size:11px}.nav.mobile-open{top:65px;z-index:18;background:#0a1629;border-bottom:1px solid #a7bee21f;padding:16px;display:grid;position:fixed;inset-inline:0}.nav{display:none}.main{padding-top:32px}.hero-code{opacity:.55}.stats-grid{grid-template-columns:repeat(2,1fr)}.mission-grid{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.main{padding:24px 16px 48px}.hero{min-height:auto;padding:28px 23px}.hero h1{font-size:36px}.hero-code{display:none}.hero-actions{flex-direction:column}.stats-grid{gap:9px;margin-bottom:37px}.stat{padding:14px}.section-head{align-items:start}.section-head h2{font-size:23px}.active-card{gap:13px}.active-card-main{padding:18px 0}.launch-note{display:none}.track-grid{grid-template-columns:1fr}.track-card{min-height:150px}.learning-layout{grid-template-columns:1fr}.lesson-list{max-height:290px;position:static;overflow:auto}.info-grid,.choice-list{grid-template-columns:1fr}.lesson-workspace{padding:20px}.passport-skills{grid-template-columns:1fr}.map-grid{grid-template-columns:1fr 1fr}.passport-note{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.hero-code{display:none}.desktop-language{color:#ebc15b;cursor:pointer;background:0 0;border:1px solid #ebc15b4d;border-radius:7px;justify-content:center;width:100%;margin-top:13px;padding:7px 9px;font-size:11px;display:inline-flex}