@charset "UTF-8";
:root{--blue:#1754f5;--blue-hover:#1044d2;--ink:#14213a;--muted:#788398;--line:#e9edf4;--bg:#f6f8fc;--radius:14px;--font:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90b3ff;outline-offset:4px}button{border:0}h1,h2,h3,h4,p{margin:0}img{max-width:100%;display:block}svg{flex-shrink:0}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle}.container{width:min(1200px,calc(100% - 64px));margin:auto}.site-header{height:82px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid #f0f2f7}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{background:var(--blue);height:37px;width:37px;border-radius:11px 11px 11px 2px;color:white;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;font-weight:800;position:relative;box-shadow:0 4px 12px #1754f522}.brand-symbol span{font-size:18px;position:absolute;bottom:0;right:3px;color:#97bdff}.brand strong{font-size:23px;line-height:1.15;display:block;letter-spacing:1px;font-weight:800}.brand small{font-size:8px;letter-spacing:1.1px;color:var(--blue);font-weight:700;display:block;margin-top:4px}.desktop-nav{display:flex;align-items:stretch;height:100%;gap:31px;margin-left:20px}.desktop-nav a{display:flex;align-items:center;position:relative;font-size:14px;font-weight:500;color:#525f72}.desktop-nav a.active,.desktop-nav a:hover{color:var(--blue)}.desktop-nav a.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:24px;height:3px;background:var(--blue);border-radius:3px}.header-actions{display:flex;align-items:center;gap:17px}.icon-button{background:transparent;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#edf2fc;color:var(--blue)}.nav-divider{width:1px;height:19px;background:var(--line)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--blue);color:#fff;padding:13px 23px;border-radius:7px;border:1px solid transparent;font-weight:600;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:var(--blue-hover);box-shadow:0 5px 17px #1754f524;transform:translateY(-1px)}.button.small{padding:8px 17px;font-size:13px}.button.secondary{color:var(--blue);background:#eef3ff;border-color:#dce6ff}.button.secondary:hover{background:#e0eaff}.button.outline{color:#52617b;background:#fff;border-color:#dce3ee}.button.outline:hover{color:var(--blue);border-color:#a7bfff}.button.ghost{background:transparent;border-color:#405371;color:#e9f0ff}.button.ghost:hover{background:#1a2e50;border-color:#7fa2dd}.mobile-menu-button{display:none}.hero{background:#07162e;color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#516a9710 1px,transparent 1px),linear-gradient(90deg,#516a9710 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000)}.hero:after{content:"";position:absolute;right:0;top:-160px;width:620px;height:650px;background:radial-gradient(ellipse,#104ba43b,transparent 65%);pointer-events:none}.hero-inner{min-height:474px;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{width:53%;padding:45px 0 42px;z-index:2}.hero-eyebrow{font-size:12px;color:#abbdda;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:20px}.live-dot{height:6px;width:6px;border-radius:50%;background:#78abff;box-shadow:0 0 0 4px #367afa19}.hero h1{font-size:46px;line-height:1.4;letter-spacing:1px;font-weight:760}.hero-accent{color:#79a6ff}.hero-copy>p{color:#9eadc4;font-size:14px;line-height:1.95;white-space:pre-line;margin-top:17px}.hero-buttons{display:flex;gap:13px;margin-top:26px}.hero-buttons .button{font-size:13px;min-width:152px;padding:12px 20px}.hero-tags{display:flex;gap:26px;color:#8395b3;font-size:11px;margin-top:25px;letter-spacing:.5px}.hero-art{width:48%;position:relative;align-self:stretch;perspective:1200px;display:flex;align-items:center;justify-content:center}.code-window{width:480px;position:relative;z-index:2;background:#0e203c;border:1px solid #3b557850;border-radius:10px;box-shadow:18px 24px 65px #0108168f;transform:rotateY(-7deg) rotateX(5deg) rotateZ(1.8deg)}.window-top{height:35px;background:#1a2c47;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:9px Consolas,monospace;color:#8396b1;border-radius:10px 10px 0 0}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#ec7978;border-radius:50%}.window-dots i:nth-child(2){background:#d6b35b}.window-dots i:nth-child(3){background:#57b99a}.window-status{font-size:8px;color:#63cfa7}.window-body{display:flex}.window-sidebar{width:41px;display:flex;align-items:center;flex-direction:column;gap:18px;border-right:1px solid #34496a30;padding-top:14px;font-size:17px;color:#617a9e}.window-sidebar .selected{color:#83a9ef}.code-body{flex:1;overflow:hidden}.code-tab{height:34px;background:#14253e;border-bottom:1px solid #29456b50;display:flex;align-items:center;padding:0 13px;color:#aab9d0;font:10px Consolas,monospace}.code-tab>span:first-child{color:#74a9ff}.tab-close{margin-left:auto;color:#607596}.code-lines{padding:12px 0 15px;font:10px/1.95 Consolas,"Courier New",monospace;color:#c7d4e6;white-space:pre}.code-lines b{font-weight:400;color:#3a5274;width:34px;text-align:right;display:inline-block;margin-right:17px;font-size:9px}.muted-code{color:#577191}.purple-code{color:#c69cee}.blue-code{color:#82b8ff}.green-code{color:#a9c78e}.cursor{display:inline-block;width:5px;height:12px;background:#80b3fb;vertical-align:middle;margin-left:2px}.terminal-line{height:35px;border-top:1px solid #283b574f;font:9px/35px Consolas,monospace;color:#8194b0;padding:0 14px}.terminal-line>span:first-child{color:#76b2ff;margin-right:9px}.terminal-success{float:right;color:#5cccb0}.window-footer{padding:5px 13px;display:flex;justify-content:space-between;font:8px Consolas,monospace;color:#6681a7;background:#102e59;border-radius:0 0 10px 10px}.floating-label{position:absolute;z-index:4;background:#142a48f5;border:1px solid #45669955;border-radius:10px;display:flex;align-items:center;box-shadow:0 10px 35px #020b2450;backdrop-filter:blur(16px)}.top-label{right:1px;top:44px;padding:11px 14px;gap:10px;transform:rotate(3deg);font-size:9px;color:#a4b6d2}.top-label strong{display:block;font-size:12px;color:#e3ecfa}.code-token{font:700 21px Consolas,monospace;color:#7ea9ff;background:#23497e;padding:6px;border-radius:6px}.label-check{margin-left:7px;color:#81c1fb;background:#244671;border-radius:50%;width:16px;text-align:center;line-height:16px}.bottom-label{bottom:32px;left:6px;transform:rotate(-4deg);padding:13px 19px;gap:13px;background:#edf4ff;box-shadow:0 13px 25px #0004;color:#203552}.bottom-label small{font-size:7px;color:#818ea4;letter-spacing:1px}.bottom-label strong{display:block;font-size:13px;margin:1px 0 6px}.rocket-icon{font-size:32px;color:var(--blue);background:#dbe7ff;border-radius:10px;line-height:42px;width:42px;text-align:center}.mini-progress{display:flex;gap:3px}.mini-progress i{height:4px;width:16px;border-radius:2px;background:#4c7aeb}.mini-progress i:nth-last-child(-n+2){background:#d1dcef}.orbit{position:absolute;z-index:0;border:1px solid #29477280;transform:rotate(-21deg);border-radius:50%}.orbit-one{width:660px;height:280px}.orbit-two{width:510px;height:440px;border-style:dashed;border-color:#29477250}.art-plus{position:absolute;font:22px monospace;color:#3a69b0}.plus-one{right:20px;bottom:54px}.plus-two{left:-16px;top:48px}.art-caption{position:absolute;bottom:22px;right:23px;font:8px Consolas,monospace;letter-spacing:2px;color:#4e6a94}.benefits{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:none;padding:23px 27px;border-radius:0 0 12px 12px;margin-bottom:46px;box-shadow:0 5px 18px #15213903}.benefits>div{display:flex;align-items:center;gap:13px;justify-content:center;border-right:1px solid var(--line)}.benefits>div:last-child{border:0}.benefit-icon{width:39px;height:39px;border-radius:11px;background:#eff4ff;color:var(--blue);display:grid;place-items:center}.benefits strong{font-size:13px;display:block}.benefits small{font-size:11px;color:#919aae;margin-top:2px;display:block}.page-section{margin-bottom:48px;scroll-margin-top:8px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-heading h2{font-size:24px;letter-spacing:.3px;font-weight:750;display:flex;align-items:center;gap:12px}.section-heading h2>span{font:10px var(--font);font-weight:500;letter-spacing:1.2px;color:#a1aabd;border-left:1px solid #d9dfeb;padding-left:12px;align-self:center}.section-heading p{margin-top:5px;color:var(--muted);font-size:12px}.text-link{color:#62718b;font-size:12px;background:transparent;display:flex;align-items:center;gap:6px;white-space:nowrap}.text-link:hover{color:var(--blue)}.text-link .icon{width:15px}.path-board{background:white;border:1px solid var(--line);border-radius:12px;padding:25px 24px 0;overflow:hidden}.path-steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative;padding-bottom:23px}.path-steps:before{content:"";position:absolute;top:24px;left:8%;right:8%;border-top:1px dashed #ced8e9}.path-step{background:none;position:relative;text-align:center;padding:0 7px}.path-step:after{content:"›";position:absolute;top:11px;right:-4px;color:#c8d1e1;font-size:21px;background:white;padding:0 3px}.path-step:last-child:after{content:none}.step-number{width:49px;height:49px;border-radius:14px;background:#f0f4fb;border:5px solid #fff;box-shadow:0 0 0 1px #e8edf4;display:grid;place-items:center;margin:0 auto 9px;color:#7891bb;font:600 17px var(--font);transition:.2s}.path-step.active .step-number,.path-step:hover .step-number{background:var(--blue);color:#fff;box-shadow:0 0 0 1px #c0d2ff,0 5px 15px #1754f522}.path-step strong{display:block;font-size:12px;font-weight:600}.path-step small{display:block;font-size:10px;color:#929daf;margin-top:4px}.path-step.active strong{color:var(--blue)}.path-detail{margin:0 -24px;padding:13px 26px;border-top:1px solid #e9eff8;background:#f9fbff;display:flex;gap:16px;align-items:center}.path-detail p{color:#667690;font-size:11px;flex:1}.path-detail .path-label{font-size:10px;color:#4976d8;border:1px solid #d8e4fc;padding:2px 7px;border-radius:4px;white-space:nowrap}.path-detail .text-link{color:var(--blue);font-size:11px}.catalog-toolbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;align-items:center}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tab{padding:7px 16px;border-radius:6px;font-size:12px;background:transparent;color:#788397;transition:.2s;white-space:nowrap}.filter-tab:hover{background:#e9effa}.filter-tab.active{background:var(--blue);color:#fff;box-shadow:0 3px 8px #1754f51a}.catalog-search{display:flex;align-items:center;gap:9px;flex-shrink:0}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #e3e8f1;border-radius:6px;padding:0 10px;color:#9aa5b9}.search-box input{width:139px;border:0;outline:none;background:none;padding:8px 6px;font-size:11px;color:var(--ink)}.search-box .icon{width:15px}.catalog-search select{border:1px solid #e3e8f1;border-radius:6px;background:#fff;color:#788397;font-size:11px;padding:8px 4px}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.course-card{background:#fff;border-radius:11px;overflow:hidden;border:1px solid #e5eaf2;transition:transform .25s,box-shadow .25s}.course-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #13284d0d;border-color:#c8d7f7}.course-cover{width:100%;aspect-ratio:1.9;position:relative;background:#112b50;overflow:hidden;display:block;padding:0;text-align:left}.course-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.course-card:hover .course-cover img{transform:scale(1.035)}.course-tag{position:absolute;top:12px;left:12px;font-size:9px;background:#ffffffec;color:#2c4d87;border:1px solid #ffffff20;border-radius:4px;padding:3px 8px;backdrop-filter:blur(8px)}.course-tag.orange{background:#fff1e5;color:#b46324}.cover-open{position:absolute;bottom:12px;right:13px;width:24px;height:24px;display:grid;place-items:center;background:#ffffff17;border:1px solid #ffffff3d;border-radius:50%;color:#fff;opacity:0;transform:translateY(4px);transition:.2s}.cover-open .icon{width:12px}.course-card:hover .cover-open{opacity:1;transform:none}.course-info{padding:16px 16px 13px}.course-category{color:#8b97ab;font-size:10px;margin-bottom:5px;display:flex;align-items:center;gap:6px}.course-category:before{content:"";width:3px;height:3px;border-radius:50%;background:#5d86eb}.course-info h3{font-size:14px;font-weight:650;line-height:1.5}.card-title-button{background:none;padding:0;text-align:left;font-weight:inherit;line-height:inherit}.card-title-button:hover{color:var(--blue)}.course-info>p{font-size:10px;color:#8a94a7;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-meta{display:flex;gap:14px;margin-top:17px;font-size:10px;color:#8995a9}.course-meta span{display:flex;align-items:center;gap:4px}.course-meta .icon{width:12px;height:12px}.course-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid #f0f2f7}.level-badge{font-size:9px;background:#f2f5fa;color:#8190a6;padding:2px 7px;border-radius:4px}.course-bottom button{color:var(--blue);font-size:11px;background:none;display:flex;align-items:center;gap:4px;padding:0}.course-bottom .icon{width:12px}.catalog-bottom{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:17px;font-size:11px;color:#9aa5b5}.empty-state{background:#fff;border:1px dashed #cfd9e8;border-radius:10px;padding:45px 20px;text-align:center;color:#8795ac;grid-column:1/-1}.empty-state strong{color:#53657f;display:block;font-size:15px;margin-bottom:5px}.empty-state button{margin:15px auto 0}.projects-section{background:#eef2f9;padding:40px 0 42px;border-block:1px solid #e6ebf4}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{border-radius:10px;background:#fff;overflow:hidden;border:1px solid #e2e8f3}.project-cover{background:#101c31;position:relative;aspect-ratio:1.75;display:block;width:100%;padding:0;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:cover;opacity:.94;transition:transform .4s}.project-cover:hover img{transform:scale(1.03)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;border:1px solid #ffffffba;background:#ffffff1c;backdrop-filter:blur(5px);display:grid;place-items:center;color:white;transition:background .2s}.play-button .icon{width:16px;margin-left:2px}.project-cover:hover .play-button{background:#1754f5}.demo-badge{position:absolute;top:12px;left:12px;border:1px solid #ffffff26;background:#07172bbf;font-size:9px;color:#d7e3f6;border-radius:4px;padding:2px 7px}.project-info{padding:16px 18px}.project-info h3{font-size:14px}.project-info p{font-size:11px;color:#8390a4;margin-top:5px}.project-info-bottom{margin-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a1aabb}.project-category{color:#7185ac;background:#f1f5fb;padding:2px 7px;border-radius:4px}.section-note{font-size:10px;color:#98a4b8;margin-top:17px;display:flex;align-items:center;gap:6px}.section-note .icon{width:12px;height:12px}.resources-board{background:#edf3ff;border:1px solid #dfe9fd;border-radius:12px;padding:31px 34px;display:flex;align-items:center;gap:36px;position:relative;overflow:hidden}.resources-intro{flex:0 0 260px}.resources-eyebrow{font-size:9px;color:#5b7cbd;letter-spacing:1.8px;margin-bottom:6px}.resources-intro h2{font-size:24px}.resources-intro p{font-size:12px;color:#8392ac;margin-top:7px}.resource-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1}.resource-item{background:#ffffffde;border:1px solid #dfe8f9;padding:17px 15px;border-radius:8px;text-align:left;transition:.2s;display:flex;flex-direction:column;align-items:start}.resource-item:hover{border-color:#93b4ff;transform:translateY(-2px)}.file-icon{background:#e9f0ff;color:#4673d3;font:700 9px var(--font);width:31px;height:36px;border-radius:4px 8px 4px 4px;display:grid;place-items:center;border:1px solid #dbe6fb;margin-bottom:10px}.resource-item strong{font-size:11px}.resource-item small{font-size:9px;color:#9aa5b8;margin-top:4px}.resource-download{font-size:10px;color:var(--blue);margin-top:14px;display:flex;align-items:center;gap:7px}.resource-download .icon{width:12px;height:12px}.tutorial-board{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;background:white;border:1px solid var(--line);border-radius:12px;padding:8px 24px}.tutorial-item{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #edf0f6;min-width:0}.tutorial-item:nth-last-child(-n+2){border:0}.tutorial-number{font:12px Consolas,monospace;color:#afb9cd}.tutorial-item button{padding:0;flex:1;min-width:0;text-align:left;background:none}.tutorial-item strong{font-size:12px;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tutorial-item:hover strong{color:var(--blue)}.tutorial-item small{display:block;font-size:9px;color:#9da8ba;margin-top:4px}.tutorial-item>.icon{color:#aab5c7;width:14px}.cta-board{background:#0e2141;border-radius:12px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;color:white}.cta-board:before{content:"{ }";font:180px/1 Consolas,monospace;position:absolute;right:23%;top:-23px;color:#ffffff04;transform:rotate(-10deg)}.cta-board h2{font-size:24px;position:relative}.cta-board p{font-size:12px;color:#91a5c4;margin-top:7px}.cta-board .button{font-size:13px;padding:12px 24px;position:relative}.site-footer{background:#fff;border-top:1px solid #e8edf5;padding-top:35px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.7fr;gap:35px;padding-bottom:30px}.footer-brand .brand-symbol{width:31px;height:31px;font-size:18px}.footer-brand .brand strong{font-size:19px}.footer-brand .brand small{font-size:6px}.footer-brand p{font-size:11px;color:#939eb1;margin-top:14px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:7px;font-size:11px;color:#8c98ad}.footer-links strong{font-size:12px;color:#54617a;margin-bottom:3px}.footer-links a:hover{color:var(--blue)}.footer-contact{border-left:1px solid var(--line);padding-left:34px}.footer-contact strong{display:block;font-size:12px;font-weight:500;color:#53637e}.footer-contact a{font-size:11px;display:inline-block;margin-top:13px;color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);color:#a2acbd;font-size:9px}.footer-bottom a{color:#6c82ac;white-space:nowrap}.back-top{position:fixed;bottom:26px;right:20px;z-index:15;background:#fff;border:1px solid #e3e8f3;box-shadow:0 3px 18px #10274a0d;color:#7e90ad}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#17263e;color:white;padding:12px 20px;border-radius:9px;z-index:150;max-width:min(90vw,520px);opacity:0;pointer-events:none;transition:.2s;box-shadow:0 7px 28px #0002;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:none;border-radius:16px;padding:0;width:min(700px,calc(100% - 32px));max-height:85vh;color:var(--ink);box-shadow:0 24px 100px #07152b45}dialog::backdrop{background:#06162ba6;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px;background:#ffffffea;z-index:2}.detail-header{padding:35px 35px 27px;background:#f3f7ff;border-bottom:1px solid #e4ebf8}.detail-header .detail-eyebrow{color:var(--blue);font-size:11px;margin-bottom:9px}.detail-header h2{font-size:25px;margin-bottom:8px}.detail-header p{font-size:13px;color:#7c8ba3}.detail-body{padding:26px 35px 32px}.detail-body h3{font-size:14px;margin-bottom:10px}.detail-body p{color:#7d8ba1;font-size:13px;white-space:pre-line}.detail-block{margin-bottom:23px}.outcome-list{list-style:none;padding:0;display:grid;gap:7px;color:#7a899e;font-size:12px}.outcome-list li{display:flex;align-items:start;gap:7px}.outcome-list .icon{width:15px;height:15px;color:var(--blue);margin-top:3px}.syllabus-list{list-style:none;counter-reset:chapter;padding:0;border:1px solid #e8edf5;border-radius:8px;overflow:hidden}.syllabus-list li{counter-increment:chapter;padding:11px 15px;background:#fafbfd;border-bottom:1px solid #edf0f7;font-size:12px;color:#64748d}.syllabus-list li:last-child{border:0}.syllabus-list li:before{content:counter(chapter,decimal-leading-zero);font:10px Consolas,monospace;color:#91a2bd;margin-right:14px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-notice{margin-top:13px!important;color:#a0aabd!important;font-size:11px!important}.detail-cover{width:100%;max-height:310px;object-fit:cover;border-radius:8px;margin-bottom:20px}#preview-banner{background:#fff1ce;color:#84631d;text-align:center;padding:8px;font-size:12px}#preview-banner[hidden]{display:none}.sample-label{font-size:10px;font-weight:400;color:#8c9aaf;padding:3px 8px;background:#f0f3f8;border:1px solid #e2e8f0;border-radius:4px;letter-spacing:0!important}.hidden{display:none!important}
@media(min-width:1600px){.container{width:min(1280px,calc(100% - 100px))}.hero-inner{min-height:500px}.hero h1{font-size:50px}.course-grid{gap:24px}.course-cover{aspect-ratio:1.95}.code-window{width:490px}}
@media(max-width:1120px){.container{width:calc(100% - 44px)}.desktop-nav{gap:20px;margin-left:0}.header-inner{gap:18px}.hero h1{font-size:39px}.code-window{width:415px}.code-lines{font-size:9px}.hero-art{padding-left:12px}.hero-tags{gap:15px}.course-grid{gap:15px}.course-info{padding:13px 12px}.course-info h3{font-size:13px}.catalog-toolbar{flex-wrap:wrap}.resources-intro{flex-basis:210px}.resources-board{gap:20px;padding:27px}.benefits{padding-inline:14px}.benefits>div{gap:8px}.benefits small{font-size:10px}.benefit-icon{width:32px;height:32px}.top-label{right:-5px}.bottom-label{left:20px}.footer-bottom{flex-wrap:wrap;gap:6px 20px}}
@media(max-width:900px){.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.header-actions{gap:9px}.header-actions .nav-divider{display:none}.hero-inner{min-height:445px}.hero h1{font-size:33px}.hero-copy>p{font-size:12px}.hero-eyebrow{font-size:10px}.code-window{width:355px}.code-lines{font-size:8px}.code-lines b{width:24px;margin-right:9px}.code-window{transform:rotateY(-7deg) rotateZ(2deg)}.hero-art{padding-left:0}.hero-copy{width:53%}.hero-buttons .button{min-width:auto;font-size:11px;padding:11px 14px}.top-label{top:42px;font-size:8px}.top-label strong{font-size:11px}.bottom-label{left:10px;bottom:25px}.course-grid{grid-template-columns:repeat(3,1fr)}.benefits small{display:none}.benefits strong{font-size:11px}.resources-board{display:block}.resource-list{margin-top:22px}.project-grid{gap:15px}.project-info{padding:13px}.project-info h3{font-size:12px}.project-info-bottom{flex-wrap:wrap;gap:8px}.footer-contact{padding-left:20px}.footer-main{gap:20px;grid-template-columns:1.5fr 1fr 1fr 1.5fr}.tutorial-board{gap:0 20px;padding:8px 20px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.site-header{height:66px}.brand strong{font-size:20px}.brand-symbol{height:33px;width:33px;font-size:20px}.brand small{font-size:7px}.header-actions .button{font-size:11px;padding:7px 11px}.header-actions{gap:4px}.mobile-menu-button{display:flex}.desktop-nav{display:none;position:absolute;top:66px;left:0;right:0;height:auto;background:#fff;padding:12px 24px;box-shadow:0 15px 20px #1631570c;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.desktop-nav.open{display:flex}.desktop-nav a{padding:12px 0;font-size:14px}.desktop-nav a.active:after{display:none}.hero-inner{display:block;padding-top:0}.hero-copy{width:100%;padding:38px 0 18px}.hero h1{font-size:36px;line-height:1.45}.hero-eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:1px}.hero-copy>p{font-size:12px;margin-top:13px;line-height:1.9}.hero-buttons{margin-top:23px;gap:12px}.hero-buttons .button{font-size:12px;padding:11px 18px}.hero-tags{font-size:10px;margin-top:20px;gap:21px}.hero-art{width:100%;height:340px;padding:18px 12px 33px}.code-window{width:100%;max-width:390px;transform:rotateY(-4deg) rotateZ(1deg)}.window-top{height:29px}.code-lines{font-size:9px;line-height:1.7;padding:9px 0}.code-tab{height:27px;font-size:9px}.window-sidebar{width:32px;gap:16px}.terminal-line{height:28px;line-height:28px;font-size:8px}.window-footer{font-size:7px}.top-label{top:2px;right:1px;padding:8px 11px}.top-label .code-token{font-size:16px}.bottom-label{left:3px;bottom:14px;padding:9px 14px;gap:10px}.bottom-label strong{font-size:11px}.rocket-icon{font-size:25px;width:33px;line-height:34px}.bottom-label small{font-size:6px}.mini-progress i{width:13px;height:3px}.art-caption{bottom:14px;right:6px;font-size:6px}.orbit-one{width:420px;height:230px}.orbit-two{width:340px;height:290px}.hero:after{right:-100px;top:220px}.benefits{grid-template-columns:repeat(2,1fr);padding:8px 15px;margin-bottom:33px;gap:0}.benefits>div{padding:15px 0;gap:10px;justify-content:start}.benefits>div:nth-child(even){border:0;padding-left:14px}.benefits>div:nth-child(1),.benefits>div:nth-child(2){border-bottom:1px solid var(--line)}.benefits small{display:block;font-size:9px;letter-spacing:-.3px}.benefits strong{font-size:11px}.benefit-icon{width:29px;height:29px;border-radius:8px}.benefit-icon .icon{width:18px}.page-section{margin-bottom:34px}.section-heading{margin-bottom:18px;gap:8px}.section-heading h2{font-size:21px;gap:8px}.section-heading h2>span{font-size:8px;letter-spacing:.6px;padding-left:8px}.section-heading p{font-size:10px;line-height:1.7}.section-heading>.text-link{font-size:10px}.path-board{padding:20px 12px 0}.path-steps{grid-template-columns:repeat(3,1fr);gap:20px 5px;padding-bottom:20px}.path-steps:before{display:none}.path-step:after{display:none}.step-number{width:43px;height:43px;font-size:15px;border-width:4px;margin-bottom:7px}.path-step strong{font-size:11px}.path-step small{font-size:9px}.path-detail{margin:0 -12px;padding:13px 16px;gap:8px;flex-wrap:wrap}.path-detail p{font-size:10px;flex-basis:70%}.path-detail .text-link{margin-left:auto;font-size:10px}.catalog-toolbar{gap:14px}.filter-tabs{gap:5px;flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:4px}.filter-tab{padding:6px 12px;font-size:10px}.catalog-search{width:100%}.search-box{flex:1}.search-box input{width:100%;padding:9px 6px}.catalog-search select{padding:9px 5px}.course-grid{grid-template-columns:repeat(2,1fr);gap:13px 10px}.course-cover{aspect-ratio:1.55}.course-cover img{object-fit:cover}.course-tag{font-size:8px;padding:2px 6px;top:8px;left:8px}.course-info{padding:11px 10px 10px}.course-info h3{font-size:12px;min-height:36px}.course-info>p{font-size:9px;margin-top:5px}.course-category{font-size:8px;margin-bottom:5px}.course-meta{font-size:8px;gap:8px;margin-top:12px;flex-wrap:wrap}.course-meta .icon{width:10px;height:10px}.course-bottom{margin-top:10px;padding-top:9px}.level-badge{font-size:8px;padding:1px 5px}.course-bottom button{font-size:9px}.catalog-bottom{font-size:10px}.projects-section{padding:29px 0}.project-grid{grid-template-columns:1fr;gap:18px}.project-info{padding:16px 17px}.project-info h3{font-size:14px}.project-info p{font-size:11px}.project-info-bottom{margin-top:13px}.section-note{font-size:9px}.resources-board{padding:23px 19px}.resources-intro h2{font-size:21px}.resources-intro p{font-size:11px}.resource-list{grid-template-columns:1fr;gap:10px;margin-top:18px}.resource-item{display:grid;grid-template-columns:32px 1fr auto;column-gap:11px;align-items:center;padding:13px}.file-icon{grid-row:1/3;margin:0}.resource-item strong{grid-column:2;grid-row:1;font-size:11px}.resource-item small{grid-column:2;grid-row:2;font-size:9px}.resource-download{grid-column:3;grid-row:1/3;margin:0;font-size:9px}.resource-download .icon{display:none}.tutorial-board{grid-template-columns:1fr;padding:2px 18px}.tutorial-item:nth-last-child(-n+2){border-bottom:1px solid #edf0f6}.tutorial-item:last-child{border:0}.tutorial-item strong{font-size:11px}.tutorial-item{padding:15px 0}.cta-board{padding:28px 24px;display:block}.cta-board h2{font-size:21px}.cta-board p{font-size:11px;max-width:270px;line-height:1.8}.cta-board .button{margin-top:21px;font-size:12px;padding:10px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:27px 20px}.footer-brand{grid-column:1/-1}.footer-brand p{margin-top:10px}.footer-contact{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.footer-bottom{font-size:8px;display:block;padding:17px 0}.footer-bottom span{display:block;margin-bottom:7px}.back-top{right:12px;bottom:14px;width:32px;height:32px}.detail-header{padding:30px 23px 23px}.detail-header h2{font-size:21px;padding-right:20px}.detail-body{padding:23px}.detail-body p{font-size:12px}.detail-actions .button{font-size:12px}dialog{max-height:90vh}.sample-label{font-size:8px}.site-footer{padding-top:28px}html{scroll-padding-top:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:700px){.section-heading h2>span{display:none}.section-heading>.text-link{display:none}.section-heading h2{font-size:20px;line-height:1.5}.sample-label{white-space:nowrap;align-self:start;margin-top:6px}.course-cover{aspect-ratio:1.9}.course-cover img{object-position:left center}.path-steps{grid-template-columns:repeat(3,1fr)}}

[hidden]{display:none!important}.course-tag{left:auto;right:12px}@media(max-width:700px){.course-tag{left:auto;right:6px;top:6px;font-size:7px;padding:1px 4px}}