.public-site{background:#fafafc;color:#292638;min-height:100vh;--muted:#676573;--purple:#6453d4;--purple-soft:#eeebfa;--line:#e7e5ef;--surface:#fff;--surface-2:#f5f4f9}
.public-header{max-width:1248px;padding:27px 34px;margin:0 auto;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}
.public-header .brand,.public-footer .brand{margin:0;padding:0;flex-shrink:0}
.public-header nav{display:flex;gap:28px;margin-left:auto}.public-header nav a{font-size:13px;color:#676573}
.public-account{display:flex;gap:22px;align-items:center;font-size:13px}.public-account .primary{font-size:12px;padding:10px 15px;gap:15px}
.public-main{max-width:1248px;padding:0 34px 70px;min-height:60vh}.public-main .eyebrow{color:#726495;font-size:10px;letter-spacing:1.6px}
.intro-section{padding:80px 0 64px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}
.intro-copy .pill{background:#efecf9;color:#67588d;border-color:#e4def2;font-size:9px;padding:7px 11px;margin-bottom:28px}
.intro-copy h1{font-size:clamp(36px,4.5vw,59px);letter-spacing:-2.6px;line-height:1.15;margin-bottom:25px;font-weight:650}.intro-copy h1 em{font-style:normal;color:var(--purple)}
.intro-description{font-size:16px;line-height:1.9;color:#676573;max-width:490px;margin-bottom:27px}.intro-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.intro-actions>.primary,.public-cta .primary{font-size:13px;padding:14px 20px}.intro-actions>a+a{font-size:12px;color:#514a69}.intro-actions>a+a span{margin-left:8px}.intro-note{font-size:11px;color:#77717f;margin:16px 0 0}
.intro-example{min-width:0;background:#eeebf7;border-radius:18px;padding:24px;position:relative;border:1px solid #e5dff1}.example-caption{display:flex;align-items:center;justify-content:space-between;color:#7b6c95;font-size:8px;letter-spacing:1.3px;margin:0 0 20px}.example-caption>span+span{font-size:25px;line-height:1}
.presentation-code{background:#282637;border-radius:11px;box-shadow:0 20px 40px #3b28521c;overflow:hidden;color:#e4deef}.presentation-code-bar{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #ffffff14;font-size:9px;color:#b5acc4;gap:12px}.presentation-code-bar>span:first-child{display:flex;gap:5px}.presentation-code-bar i{width:6px;height:6px;border-radius:50%;background:#766a90}.presentation-code-bar i:first-child{background:#c88d9c}.presentation-code-bar i:nth-child(2){background:#c7b68d}.presentation-code-bar i:nth-child(3){background:#91b99f}.presentation-code-bar b{background:#f1d878;color:#423b28;border-radius:3px;padding:1px 4px;font-size:9px}
.presentation-code pre{font:12px/1.95 Consolas,"Cascadia Code",monospace;overflow:auto;margin:0;padding:22px 19px 24px}.code-comment{color:#a39aae;font-size:10px}.code-keyword{color:#c5adf4}.code-number{color:#edc28f}.code-string{color:#b1d5b9}.presentation-output{position:relative;background:#343143;margin:0 14px 14px;padding:13px 15px;border-radius:6px;display:flex;flex-direction:column;gap:7px}.presentation-output>span{font-size:7px;letter-spacing:1.5px;color:#b2a8c2}.presentation-output strong{font:12px Consolas,monospace;color:#b9dfc7}.presentation-output b{position:absolute;right:17px;bottom:13px;color:#b9dfc7}.example-note{font-size:10px;color:#72677e;line-height:1.8;margin:18px 0 0}
.learning-facts{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:75px;gap:30px}.learning-facts p{margin:0;display:flex;flex-direction:column;gap:4px}.learning-facts strong{font-size:15px}.learning-facts span{font-size:11px;color:var(--muted)}
.public-section{margin-bottom:86px;scroll-margin-top:25px}.public-section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:30px}.public-section-heading h2,.account-explainer h2{font-size:32px;line-height:1.3;letter-spacing:-1px;margin:0}.public-section-heading>p{max-width:365px;font-size:13px;line-height:1.9;color:var(--muted);margin:0}.public-section-heading .eyebrow{margin-bottom:12px}
.available-course{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ddd6ef;background:#fff;border-radius:15px;overflow:hidden}.course-description{padding:32px 34px}.course-status{display:flex;gap:17px;align-items:center;margin-bottom:28px;font-size:10px;color:var(--muted)}.status-available{color:#347456;background:#eaf4ed;padding:5px 9px;border-radius:5px}.status-available i{display:inline-block;height:5px;width:5px;border-radius:50%;background:#4e9370;margin-right:6px}.course-title-row{display:flex;gap:17px;align-items:center;margin-bottom:22px}.course-title-row .js-logo{flex-shrink:0}.course-title-row h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:0}.course-description>p{font-size:13px;line-height:1.95;color:var(--muted)}.course-facts{display:flex;flex-wrap:wrap;gap:7px 15px;font-size:10px;color:#71657f;margin:20px 0 27px}.course-description>.primary{padding:12px 18px;font-size:12px}
.public-syllabus{background:#f5f3fa;padding:32px 35px;border-left:1px solid #e7e1f1}.public-syllabus ol{list-style:none;margin:18px 0 0;padding:0}.public-syllabus li{display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #e7e1ef}.public-syllabus li:last-child{border:0}.public-syllabus li>span{font:12px Consolas,monospace;color:#9688af}.public-syllabus strong{display:block;font-size:12px;font-weight:500}.public-syllabus small{display:block;color:#81778f;font-size:9px;margin-top:3px}
.method-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:17px;margin-bottom:35px}.method-strip>span{font:11px Consolas,monospace;color:#9c90b8}.method-strip b{font:500 11px "Segoe UI",sans-serif;color:#514768;margin-left:10px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px}.capability-grid article{padding:0 8px 0 0}.capability-icon{width:37px;height:37px;border-radius:9px;background:#eeebf8;color:#7b65b3;display:grid;place-items:center;font-size:22px;margin-bottom:15px}.capability-grid h3{font-size:15px;margin-bottom:9px}.capability-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}
.account-explainer{background:#efedf7;border-radius:16px;padding:37px 39px;display:grid;grid-template-columns:1.1fr 1fr;gap:75px}.account-explainer h2{margin:12px 0 18px}.account-explainer>div>p{font-size:13px;line-height:1.9;color:var(--muted)}.account-explainer .primary{font-size:12px}.account-explainer ol{list-style:none;padding:4px 0 0;margin:0}.account-explainer li{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #dfd8ed}.account-explainer li:last-child{border:0}.account-explainer li>span{width:29px;height:29px;border-radius:50%;background:#ded8ef;display:grid;place-items:center;font-size:11px;color:#75618e;flex-shrink:0}.account-explainer li h3{font-size:13px;margin:1px 0 5px}.account-explainer li p{font-size:11px;color:var(--muted);margin:0}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roadmap-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.planned-label{display:inline-block;font-size:9px;background:#f2f0f6;color:#80738e;padding:3px 7px;border-radius:4px;margin-bottom:16px}.roadmap-grid h3{font-size:16px}.roadmap-grid p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.roadmap-note{font-size:11px;line-height:1.9;color:var(--muted);margin:19px 0 0;max-width:850px}
.public-cta{text-align:center;background:#eeebf8;border:1px solid #e5def4;border-radius:16px;padding:47px 25px}.public-cta h2{font-size:35px;letter-spacing:-1px;margin:15px 0 12px}.public-cta>p{color:var(--muted);font-size:14px;margin-bottom:23px}
.public-footer{max-width:1248px;margin:0 auto;padding:34px;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px}.public-footer p{font-size:10px;color:var(--muted);margin:0}.public-footer nav{display:flex;gap:22px;margin-left:auto;font-size:11px}.public-footer>span{font-size:9px;color:var(--muted)}
.public-auth{padding-top:35px}.public-page-title{margin:0 0 27px}.public-page-title>a{font-size:11px}.public-page-title h1{font-size:27px;margin-top:18px}.public-auth .auth-layout{max-width:1000px;margin:0 auto}.auth-home-link{display:block;text-align:center;font-size:12px}
@media(min-width:1440px){.intro-section{padding-top:94px;padding-bottom:78px}}
@media(max-width:1050px){.public-header{gap:25px}.public-header nav{gap:18px}.intro-section{gap:35px}.intro-copy h1{font-size:44px}.intro-description{font-size:14px}.presentation-code pre{font-size:11px;padding:20px 13px}.code-comment{font-size:9px}.public-footer{flex-wrap:wrap;gap:24px}.public-footer>span{display:none}.account-explainer{gap:35px}.method-strip{grid-template-columns:repeat(2,1fr);gap:18px}.public-section-heading>p{max-width:320px}}
@media(max-width:800px){.public-header{flex-wrap:wrap;padding:21px 24px;gap:18px}.public-header nav{order:3;width:100%;justify-content:center;margin:0;padding-top:14px;border-top:1px solid var(--line)}.public-account{margin-left:auto}.public-main{padding:0 24px 45px}.intro-section{grid-template-columns:1fr;gap:35px;padding:43px 0}.intro-copy h1{font-size:48px}.intro-description{max-width:570px}.intro-example{max-width:570px;width:100%}.presentation-code pre{font-size:13px;padding:22px}.code-comment{font-size:11px}.learning-facts{margin-bottom:50px;gap:18px}.learning-facts strong{font-size:12px}.learning-facts span{font-size:10px}.public-section{margin-bottom:55px}.public-section-heading{display:block;margin-bottom:24px}.public-section-heading h2,.account-explainer h2{font-size:29px}.public-section-heading>p{margin:17px 0 0;max-width:600px}.available-course{grid-template-columns:1fr}.public-syllabus{border-left:0;border-top:1px solid #e7e1f1}.capability-grid{grid-template-columns:repeat(2,1fr);gap:30px}.account-explainer{grid-template-columns:1fr;padding:29px;gap:20px}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.public-footer{padding:28px 24px}.public-footer nav{width:100%;margin:0;justify-content:space-between}.public-auth{padding-top:25px}}
@media(max-width:480px){.public-header .brand>span,.public-footer .brand>span{font-size:16px}.public-header .brand img{width:30px;height:30px}.public-header{padding:18px;gap:14px}.public-account{gap:13px;font-size:11px}.public-account .primary{font-size:10px;padding:9px 11px;gap:8px}.public-account .primary>span{display:none}.public-header nav{gap:29px}.public-header nav a{font-size:11px}.public-main{padding:0 18px 35px}.intro-copy h1{font-size:39px;letter-spacing:-1.6px}.intro-copy .pill{font-size:7px;margin-bottom:21px}.intro-description{font-size:13px}.intro-actions{gap:18px}.intro-actions>.primary{font-size:11px;padding:12px 16px}.intro-actions>a+a{font-size:11px}.intro-note{font-size:9px}.intro-example{padding:17px}.presentation-code pre{font-size:10px;padding:19px 12px}.code-comment{font-size:8px}.example-caption{font-size:6px;letter-spacing:1px}.example-note{font-size:9px}.learning-facts{padding:20px 0;gap:13px}.learning-facts strong{font-size:10px}.learning-facts span{font-size:9px;line-height:1.7}.public-section-heading h2,.account-explainer h2{font-size:26px}.public-section-heading>p{font-size:12px}.public-main .eyebrow{font-size:8px;letter-spacing:1.2px}.course-description,.public-syllabus{padding:25px 22px}.course-title-row h3{font-size:22px}.course-title-row .js-logo{width:43px;height:43px;font-size:24px}.course-description>p{font-size:12px}.course-facts{font-size:9px}.public-syllabus strong{font-size:11px}.capability-grid{grid-template-columns:1fr;gap:26px}.capability-grid article{position:relative;padding-left:53px}.capability-icon{position:absolute;left:0;top:2px}.capability-grid h3{font-size:14px}.capability-grid p{font-size:12px}.method-strip{gap:16px 9px}.method-strip b{font-size:10px;margin-left:6px}.account-explainer{padding:25px 22px}.roadmap-grid{grid-template-columns:1fr}.roadmap-grid article{padding:20px}.planned-label{float:right;margin-left:15px;margin-bottom:7px}.roadmap-grid h3{font-size:15px}.public-cta{padding:34px 20px}.public-cta h2{font-size:28px}.public-cta>p{font-size:12px}.public-cta .primary{font-size:11px}.public-footer{padding:25px 18px;gap:20px}.public-footer p{font-size:9px}.public-footer nav{font-size:10px;gap:14px}.public-page-title h1{font-size:25px}}
.available-course+.available-course{margin-top:25px}.html-emblem{background:#e9effa!important;color:#5372a9!important;font-size:20px!important}.course-result{font-size:12px!important}.course-result strong{color:#514768}