@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#17213b;background:#fbfaf7;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-header{height:76px;padding:0 max(5vw,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fbfaf7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #e9e6df;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:#3057d5;color:#fff;border-radius:12px;font:500 13px DM Mono;transform:rotate(-4deg)}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}nav a:not(.nav-cta):hover{color:#3057d5}.nav-cta{padding:11px 20px;border-radius:9px;color:#fff;background:#17213b}.menu-button{display:none}.hero{max-width:1200px;min-height:650px;margin:auto;padding:70px 0 80px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#3057d5;font-size:13px;font-weight:700;letter-spacing:.08em}.eyebrow span{width:24px;height:2px;background:currentColor}h1{margin:0;font-size:clamp(54px,6vw,78px);line-height:1.12;letter-spacing:-.05em}h1 strong{color:#3057d5}.hero-text{max-width:520px;margin:25px 0 30px;color:#64708a;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:0 24px;border-radius:10px;font-size:14px;font-weight:700;border:1px solid transparent}.button.primary{background:#3057d5;color:#fff}.button.ghost{border-color:#d8dce7;background:#fff}.hero-stats{display:flex;gap:40px;margin-top:45px;padding-top:28px;border-top:1px solid #e3e2df}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats b{font:500 23px DM Mono}.hero-stats span{color:#8790a4;font-size:12px}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:#eef1fb}.code-window{position:relative;z-index:2;width:420px;border:1px solid #dce1ee;border-radius:16px;background:#17213b;box-shadow:0 30px 60px #232f522e;overflow:hidden;transform:rotate(2deg)}.window-bar{height:48px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #313b55;color:#8c96ad;font:12px DM Mono}.window-bar i{width:8px;height:8px;border-radius:50%;background:#ff785a}.window-bar i:nth-child(2){background:#ffcf5a}.window-bar i:nth-child(3){background:#56d991}.window-bar span{margin-left:auto}pre{margin:0;padding:38px 30px 45px;color:#e6ebf7;font:14px/2 DM Mono}pre em{color:#76829d;font-style:normal}pre b{color:#ffd66b;font-weight:400}pre strong{color:#74bcff}.output{padding:15px 30px;color:#77dea8;background:#111a30;font:12px DM Mono}.float-card{position:absolute;z-index:3;padding:14px 18px;border:1px solid #e1e4ec;border-radius:12px;background:#fff;color:#8891a4;font:11px/1.7 DM Mono;box-shadow:0 15px 30px #2b375b1f}.float-card b{color:#17213b;font-family:Noto Sans SC;font-size:13px}.card-one{left:0;top:62px;transform:rotate(-5deg)}.card-two{right:0;bottom:70px;transform:rotate(5deg)}.shape{position:absolute;color:#91a4df;font:500 17px DM Mono}.shape-one{right:36px;top:55px}.shape-two{left:42px;bottom:56px}.section{max-width:1200px;margin:auto;padding:100px 0}.courses-section{border-top:1px solid #e6e3dc}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2,.detail-intro h2,.about-copy h2{margin:0;font-size:clamp(34px,4vw,48px);letter-spacing:-.04em}.section-heading>p{max-width:360px;margin:0;color:#768097;font-size:14px;line-height:1.8}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.course-card{border:1px solid #e2e4e9;border-radius:16px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s}.course-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #2430521a}.course-top{height:125px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:color-mix(in srgb,var(--course-color) 10%,white)}.course-top span{align-self:end;color:var(--course-color);font:500 12px DM Mono}.course-top code{color:var(--course-color);font:500 13px DM Mono}.course-body{padding:24px}.course-tag{margin:0 0 8px!important;color:var(--course-color)!important;font-size:11px!important;font-weight:700}.course-body h3{margin:0;font:500 26px DM Mono}.course-body h4{margin:8px 0 14px;font-size:14px}.course-body>p{min-height:66px;margin:0;color:#7b8498;font-size:12px;line-height:1.8}.course-meta{display:flex;gap:8px;margin:20px 0}.course-meta span{padding:5px 8px;border-radius:5px;background:#f4f5f7;color:#778096;font-size:10px}.course-body button{width:100%;padding:12px 0 0;display:flex;justify-content:space-between;border:0;border-top:1px solid #edf0f3;background:#fff;color:#17213b;font-size:12px;font-weight:700}.course-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;border-top:1px solid #e6e3dc}.detail-intro>p:not(.eyebrow){color:#717c92;line-height:1.9;margin:20px 0 28px}.chapter-list{display:flex;flex-direction:column;gap:10px}.chapter-list button{padding:20px;display:grid;grid-template-columns:40px 1fr auto 20px;gap:14px;align-items:center;text-align:left;border:1px solid #e2e4e9;border-radius:12px;background:#fff}.chapter-list button:hover{border-color:var(--course-color)}.chapter-list span{color:var(--course-color);font:12px DM Mono}.chapter-list b{font-size:14px}.chapter-list i{color:#98a0b2;font-size:11px;font-style:normal}.method{border-top:1px solid #e6e3dc}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2e4e9;border-radius:16px;overflow:hidden;background:#fff}.method-grid article{padding:38px;border-right:1px solid #e2e4e9}.method-grid article:last-child{border:0}.method-grid span{color:#3057d5;font:12px DM Mono}.method-grid h3{margin:30px 0 10px;font-size:20px}.method-grid p{margin:0;color:#7b8498;font-size:13px;line-height:1.8}.about{padding:100px max(5vw,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#17213b;color:#fff}.teacher-card{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;border:1px solid #3d4862;border-radius:20px;background:radial-gradient(circle at top,#3c508a,#202b46 65%)}.teacher-card>span{width:130px;height:130px;display:grid;place-items:center;border:5px solid rgba(255,255,255,.18);border-radius:50%;background:#ffcf5a;color:#17213b;font:800 38px DM Mono}.teacher-card div{text-align:center}.teacher-card b{font-size:19px}.teacher-card p{margin:5px 0;color:#9ca8c1;font-size:12px}.about .eyebrow{color:#8ba7ff}.about-copy>p:not(.eyebrow){max-width:510px;margin:24px 0 30px;color:#aeb8cd;line-height:2}.button.light{background:#fff;color:#17213b}footer{min-height:100px;padding:0 max(5vw,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:40px;color:#8690a5;font-size:12px}footer p{margin-right:auto}footer .brand{color:#17213b;font-size:14px}@media(max-width:900px){.site-header{height:66px;padding:0 20px}.menu-button{display:block;padding:7px 11px;border:1px solid #d9dce5;border-radius:7px;background:#fff;font-size:12px}nav{display:none;position:absolute;left:15px;right:15px;top:70px;padding:18px;flex-direction:column;align-items:stretch;gap:16px;border:1px solid #e2e4e9;border-radius:12px;background:#fff;box-shadow:0 15px 30px #222d4c1f}nav.open{display:flex}.hero,.section{width:auto;margin:0 20px}.hero{padding:60px 0;grid-template-columns:1fr}.hero-visual{min-height:420px}.code-window{width:min(90vw,420px)}.card-one{left:-5px}.card-two{right:-5px}.section{padding:70px 0}.section-heading{align-items:start;flex-direction:column;gap:18px}.course-grid{grid-template-columns:repeat(2,1fr)}.course-detail{grid-template-columns:1fr;gap:35px}.about{padding:70px 20px;grid-template-columns:1fr;gap:45px}.teacher-card{min-height:300px}footer{padding:30px 20px;align-items:start;flex-direction:column;gap:12px}footer p{margin:0}}@media(max-width:560px){h1{font-size:48px}.hero-actions{flex-direction:column}.hero-stats{gap:26px}.hero-visual{min-height:350px}.float-card,.shape{display:none}.code-window{transform:none}.course-grid,.method-grid{grid-template-columns:1fr}.method-grid article{border-right:0;border-bottom:1px solid #e2e4e9}.chapter-list button{grid-template-columns:32px 1fr 16px}.chapter-list i{display:none}}