@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700;750;800&family=Noto+Sans+KR:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#243238;background:#f7f9fa;font-synthesis:none;--teal:#087f78;--muted:#7d888d;--line:#e7ecee;--navy:#25383d}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2eb5aa;outline-offset:4px}button{border:0;background:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.98)}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 20px 0;z-index:20}.brand{font-size:27px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;padding-left:9px}.brand>span:not(.brand-logo):not(.brand-dot){font-weight:450}.brand-logo{width:35px;height:35px;border-radius:10px;background:#0d8b82;color:#fff;display:grid;place-items:center;margin-right:9px}.brand-dot{width:5px;height:5px;border-radius:50%;background:#0d8b82;margin:15px 0 0 4px}.workspace-label{font-size:9px;font-weight:750;color:#9aa2a7;letter-spacing:1.7px;margin:47px 14px 15px}.main-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;padding:13px;border-radius:7px;color:#738087;min-height:44px}.nav-item.active{color:#16857e;background:#edf7f5;font-weight:700}.nav-item:hover{background:#f3f7f7}.nav-dot{margin-left:auto;width:5px;height:5px;background:#b1bdc1;border-radius:50%}.sidebar-line{height:1px;background:var(--line);margin:24px 12px}.track-label{margin-top:4px;margin-bottom:12px}.tracks{display:flex;flex-direction:column;gap:5px}.track{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:10px 13px;border-radius:6px;font-size:12px;font-weight:600;min-height:43px}.track.current{background:#fafcfc}.mini-go{font-size:16px;font-style:italic;font-weight:800;color:#00a3bf;width:21px}.track-live{font-size:9px;color:#13887f;background:#e5f4f1;padding:3px 6px;border-radius:4px;margin-left:auto}.soon{font-size:9px;color:#727f85;border:1px solid #edf0f2;padding:2px 5px;border-radius:4px;margin-left:auto;font-weight:400}.tech-icon{width:21px;text-align:center;font-weight:700;font-size:12px;color:#7b9baa}.tech-icon.react{font-size:22px;color:#76a9b8}.tech-icon.python{color:#8a9eae}.tech-icon.rancher{color:#91a8af}.tech-icon.kubernetes{font-size:10px}.upcoming{color:#879299}.upcoming:hover{background:#f5f8fa}.sidebar-bottom{margin-top:auto;padding-top:35px}.daily-card{background:#f8faf9;border:1px solid #eaf0ed;border-radius:8px;padding:15px}.daily-card>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#5c746d}.daily-card>span svg{color:#88a17f}.daily-card p{font-size:11px;line-height:1.9;color:#87948d;margin-top:8px}.daily-dots{display:flex;gap:5px;margin-top:13px}.daily-dots span{height:6px;flex:1;border-radius:2px;background:#e6ece8}.daily-dots span.filled{background:#4b9c86}.profile{margin-top:22px;border-top:1px solid var(--line);padding:19px 2px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;background:#e8f1ee;display:grid;place-items:center;border-radius:50%;font-weight:700;color:#5b8476;font-size:13px}.profile strong{font-size:10px;display:block}.profile small{font-size:9px;color:#95a09e;display:block;margin-top:4px}.online-dot{margin-left:auto;background:#82ad92;width:6px;height:6px;border-radius:50%}.page-shell{margin-left:232px}.topbar{height:76px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:20px}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:#899399}.breadcrumbs strong{font-weight:550;color:#435459}.crumb-slash{color:#c8d0d3}.topbar-right{display:flex;align-items:center;gap:24px}.local-badge{display:flex;align-items:center;gap:6px;color:#8e999b;font-size:10px}.local-badge>span{width:5px;height:5px;background:#78a58f;border-radius:50%}.docs-link{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f7d83}.avatar.small{width:30px;height:30px;font-size:11px}.mobile-menu{display:none!important}main{padding:37px 42px 36px;max-width:1500px;margin:0 auto;min-height:calc(100vh - 140px)}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:18px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:750;color:#8b989b;margin-bottom:9px}h1{font-size:29px;letter-spacing:-1.4px;line-height:1.5;font-weight:750}.heading-dot{color:#0f9d90;margin-left:3px}.page-heading p{font-size:12px;color:#849096;line-height:1.8;margin-top:7px}.date-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b969a;white-space:nowrap;margin-top:20px}.date-label svg{color:#a3aaa1}.hero{display:flex;position:relative;overflow:hidden;background:#eaf6f3;border:1px solid #dfefea;border-radius:13px;min-height:310px;padding:31px 36px;margin-bottom:24px}.hero-copy{z-index:2;width:52%}.hero-eyebrow{display:flex;align-items:center;gap:7px;color:#467b6d;font-size:8px;letter-spacing:1.4px;font-weight:750;margin-bottom:19px}.live-dot{background:#379880;width:5px;height:5px;border-radius:50%}.hero-pill{font-size:8px;font-weight:500;letter-spacing:0;background:#d9eee5;padding:3px 6px;border-radius:4px;margin-left:6px}.hero h2{font-size:31px;line-height:1.48;letter-spacing:-1.4px;color:#244d43;font-weight:750}.hero-copy>p{font-size:11px;line-height:1.95;margin-top:13px;color:#709087}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 18px;min-height:42px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.button.primary{background:#0c877c;color:white;box-shadow:0 2px 3px #00645912}.button.primary:hover{background:#06756b}.button.secondary{border-color:#dce5e5;background:#fff;color:#46665f}.button.secondary:hover{background:#f4faf8}.button.subtle{color:#81918e}.button.compact{padding:8px 12px;min-height:35px;font-size:11px}.button.full{width:100%}.hero-link{font-size:10px;color:#527f72;display:flex;align-items:center;gap:6px}.hero-meta{display:flex;align-items:center;gap:19px;font-size:9px;color:#81a092;margin-top:23px}.hero-meta>span{display:flex;align-items:center;gap:6px}.hero-art{position:absolute;right:0;top:0;width:47%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 53% 55%,#d6efe58c,transparent 65%)}.orbit{position:absolute;border:1px solid #bcded266;border-radius:50%;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:430px;height:430px;border-style:dashed;border-color:#c7e4d86e}.orbit-one:after{content:'';position:absolute;width:7px;height:7px;background:#98cbb6;border:4px solid #e5f4ed;box-sizing:content-box;border-radius:50%;right:3px;top:95px}.go-orb{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);width:220px;height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column}.go-mark{position:relative;font-family:'DM Sans',sans-serif;font-size:104px;font-weight:800;font-style:italic;line-height:1;letter-spacing:-13px;color:#058f92;text-shadow:3px 5px 0 #0b62671a;display:block;padding-right:16px}.go-mark>span{font-size:74px;font-weight:500;position:absolute;left:-68px;top:9px;letter-spacing:-25px;transform:scaleX(.9)}.orb-caption{font-size:5.5px;font-weight:700;color:#5c9688;letter-spacing:2px;margin-top:11px}.floating-code{position:absolute;background:#ffffffbd;border:1px solid #fff;border-radius:7px;font-family:Consolas,monospace;font-size:10px;padding:13px 17px;color:#62877c;box-shadow:0 9px 15px #3a8b6f07;white-space:nowrap}.floating-code b{font-weight:400;color:#139a89}.top-code{left:20%;top:43px;transform:rotate(-5deg)}.top-code>span{color:#b0c5bc;margin-right:15px;font-size:8px}.bottom-code{right:12%;bottom:48px;transform:rotate(4deg)}.code-dot{display:inline-block;width:6px;height:6px;background:#5ab69c;border-radius:50%;margin-right:8px}.cursor{color:#34a789}.art-label{font-size:6px;letter-spacing:1.9px;color:#8bad9f;font-weight:600;position:absolute}.label-top{top:21px;right:22px}.label-bottom{bottom:19px;right:27px}.art-plus{position:absolute;color:#84b5a4;font-size:21px;font-weight:400}.plus-one{top:107px;right:44px}.plus-two{bottom:70px;left:18px;font-size:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:35px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px 19px;position:relative;min-height:125px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7d898f}.stat-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px}.teal{background:#eaf6f2;color:#459c88}.blue{background:#edf4fa;color:#6b98bc}.purple{background:#f2effb;color:#9b83c8}.orange{background:#fff3e9;color:#d6a373}.stat-value{font-size:28px;font-weight:650;letter-spacing:-1px;line-height:1;margin-top:9px}.stat-value small{font-size:12px;margin-left:4px;font-weight:500;color:#8c969b}.stat-bottom{font-size:9px;color:#98a1a5;margin-top:10px}.stat-progress{position:absolute;right:18px;bottom:20px;width:48px;height:4px;background:#edf4f1;border-radius:4px}.stat-progress>span{display:block;background:#349888;height:4px;border-radius:4px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-header h2{font-size:16px;letter-spacing:-.5px;font-weight:700;display:flex;align-items:center;gap:10px}.count-badge{font-size:7px;letter-spacing:.8px;color:#9aa4a9;font-weight:500;border:1px solid #e4eaed;padding:4px 6px;border-radius:4px}.section-header p{font-size:10px;color:#8c969b;margin-top:6px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#668579;white-space:nowrap;padding:3px 0}.text-link:hover{color:#058879}.chapter-list{display:flex;flex-direction:column;gap:11px}.chapter-card{background:#fff;border:1px solid var(--line);border-radius:8px;transition:border-color .2s}.chapter-card:hover{border-color:#accfc3}.chapter-summary{width:100%;display:flex;align-items:center;text-align:left;padding:20px 18px;gap:15px}.chapter-icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.chapter-info{flex:1;display:flex;flex-direction:column;gap:6px}.chapter-kicker{font-size:7px;letter-spacing:1px;font-weight:700;color:#869397}.chapter-kicker>span{font-size:7px;font-weight:450;color:#b0b8bb;margin-left:7px;letter-spacing:.7px}.chapter-info strong{font-size:13px;font-weight:650;letter-spacing:-.3px}.chapter-subtitle{font-size:9px;color:#919ca0}.chapter-status{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.chapter-status>span{font-size:8px;color:#70968b;background:#f0f7f4;padding:4px 6px;border-radius:4px}.chapter-status small{font-size:8px;color:#a3adb0}.chapter-summary>svg{color:#b8c2c4;margin-left:1px}.right-column{padding-top:0;display:flex;flex-direction:column;gap:18px}.next-card{border:1px solid #dfebe5;border-radius:9px;background:#fff;padding:22px}.mini-label{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#719a89;display:flex;gap:7px;align-items:center}.mini-label>span{width:5px;height:5px;border-radius:50%;background:#4aab8e}.next-card h3{font-size:18px;letter-spacing:-.6px;margin-top:17px}.next-card>p{font-size:11px;color:#939da1;line-height:1.9;margin-top:8px}.next-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:8px;color:#9aa6a8;letter-spacing:.5px}.next-meta span:last-child{display:flex;gap:5px;align-items:center}.next-card .button{font-size:10px;padding:10px;justify-content:space-between}.tip-card{background:#f1f3ef;border-radius:9px;padding:22px;position:relative}.tip-icon{position:absolute;right:20px;top:18px;color:#98a581}.tip-card .mini-label{color:#8a9679;font-size:7px}.tip-card h3{font-size:12px;font-weight:600;color:#59654f;margin-top:13px;letter-spacing:-.4px}.tip-card>p{font-size:9px;line-height:1.9;color:#929b89;margin-top:9px}.tip-card>code{display:block;border-top:1px solid #e1e7dc;margin-top:16px;padding-top:12px;font-size:9px;line-height:1.9;color:#78907c;font-family:Consolas,monospace}.tip-card>code span{color:#a7b19f}.learning-loop{margin-top:28px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.learning-loop .mini-label{font-size:7px;color:#a0aaad}.learning-loop h3{font-size:12px;margin-top:5px;font-weight:600;color:#677b7d}.learning-loop>span{font-size:10px;display:flex;align-items:center;gap:7px;color:#849593}.learning-loop>span svg{width:16px}.learning-loop .loop-arrow{font-size:13px;color:#c6d4d0}.learning-loop .loop-complete{color:#6b9c89}footer{border-top:1px solid var(--line);padding:20px 42px;display:flex;justify-content:space-between;color:#a2abad;font-size:8px;gap:12px}footer>span{display:flex;align-items:center;gap:8px}.footer-star{color:#74a091;font-size:15px}.roadmap-intro{display:flex;gap:18px;align-items:center;padding:25px;background:#eaf5f1;border:1px solid #dcece5;border-radius:10px;margin-bottom:25px}.roadmap-intro>span:first-child{color:#3b9b83}.roadmap-intro strong{font-size:15px;color:#437262}.roadmap-intro p{font-size:11px;color:#7c978b;margin-top:7px}.roadmap-percent{margin-left:auto;font-size:29px;font-weight:700;color:#408a72}.library-controls{display:flex;gap:20px;justify-content:space-between;margin:23px 0}.search-box{display:flex;align-items:center;gap:11px;border:1px solid #e0e7e7;border-radius:7px;background:#fff;padding:10px 14px;color:#95a2a2;max-width:400px;width:100%}.search-box input{outline:0;border:0;background:none;width:100%;font-size:12px;color:#3c5651}.search-box input::placeholder{color:#9aa6a4}.filter-buttons{display:flex;align-items:center;gap:4px;background:#ecf0ef;padding:4px;border-radius:7px;flex-shrink:0}.filter-buttons button{padding:7px 15px;font-size:11px;color:#8b9893;border-radius:5px}.filter-buttons button.active{background:#fff;color:#3b7765;box-shadow:0 1px 4px #19392a0a}.roadmap-group{margin:30px 0;scroll-margin-top:20px}.roadmap-group-title{display:flex;gap:13px;align-items:center;margin-bottom:15px}.roadmap-group-title h2{font-size:17px;letter-spacing:-.5px;margin-top:4px}.roadmap-group-title>span:last-child{margin-left:auto;font-size:11px;color:#929f9a}.lesson-list{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.lesson-row{width:100%;display:flex;align-items:center;text-align:left;gap:17px;padding:19px 24px;border-bottom:1px solid var(--line)}.lesson-row:last-child{border:0}.lesson-row:hover{background:#f5faf8}.lesson-number{color:#9eaaa7;border:1px solid #e6edeb;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10px}.lesson-number.done{color:#318b6c;background:#e7f5ed;border:0}.lesson-row strong{display:block;font-size:13px;font-weight:600}.lesson-row small{display:block;font-size:10px;color:#95a39e;margin-top:5px}.row-checks{margin-left:auto;display:flex;gap:8px;color:#c3ccca}.row-checks>span.passed{color:#329e79}.lesson-time{font-size:10px;color:#9aa8a2;width:30px;text-align:right}.lesson-row>svg{color:#b3c1bc}.exercise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exercise-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:23px;display:flex;flex-direction:column}.exercise-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.status-done,.status-neutral{font-size:9px;background:#f2f5f4;color:#98a59e;border-radius:4px;padding:4px 7px}.status-done{background:#e9f6ee;color:#4d9778}.exercise-card h2{font-size:18px;letter-spacing:-.6px;margin-top:20px}.exercise-card p{font-size:11px;line-height:1.9;color:#8a9a92;margin-top:12px;margin-bottom:22px}.exercise-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:8px}.exercise-bottom>span{font-size:9px;color:#9aaba2}.round-button{width:32px;height:32px;border-radius:50%;background:#edf6f1;color:#5e9781;display:grid;place-items:center}.round-button:hover{background:#cfeade}.quiz-summary{display:flex;align-items:center;gap:24px;background:#eeedf7;border:1px solid #e2e1ef;border-radius:9px;padding:20px 25px;color:#7b7399;font-size:11px}.quiz-summary>span{display:flex;align-items:center;gap:10px}.quiz-summary>button{margin-left:auto;color:#7b7399}.empty-state{padding:70px 20px;grid-column:1/-1;text-align:center;color:#82968b}.empty-state h3{font-size:18px;margin-top:18px}.empty-state p{font-size:12px;margin:12px 0 23px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#8b9c95}.icon-button:hover{background:#eef5f1}.icon-button.bookmarked{background:#e7f5ee;color:#21996d}.icon-button.bookmarked svg{fill:#21996d22}dialog{padding:0;border:1px solid #dfebe5;border-radius:14px;box-shadow:0 25px 100px #18352b30;max-height:91dvh;max-width:calc(100% - 32px);color:#304b3d}dialog::backdrop{background:#1e332c6b;backdrop-filter:blur(4px)}#lesson-dialog{width:1110px}.lesson-modal{display:flex;flex-direction:column;max-height:90dvh}.lesson-modal-header{padding:23px 28px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #e7eeea;background:#fff}.lesson-modal-header h2{font-size:23px;letter-spacing:-.7px;margin-top:7px}.lesson-modal-header>div:last-child{display:flex;gap:6px}.lesson-tabs{display:flex;gap:25px;padding:0 28px;background:#fff;border-bottom:1px solid #e4ece7}.lesson-tabs button{display:flex;align-items:center;gap:8px;padding:16px 4px;font-size:12px;color:#9aa99f;border-bottom:2px solid transparent;position:relative}.lesson-tabs button.selected{color:#168e6a;border-color:#168e6a;font-weight:650}.tab-check{margin-left:3px;color:#2fa17c}.lesson-panel{overflow:auto;min-height:250px;padding:30px;background:#fcfdfc}.concept-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:35px}.lesson-intro{font-size:15px;line-height:1.9;color:#627b6a;letter-spacing:-.3px;margin-bottom:25px}.concept-section{display:flex;gap:15px;margin-top:25px}.concept-index{font-size:11px;line-height:22px;color:#80b39c;flex-shrink:0}.concept-section h3{font-size:14px;margin-bottom:9px;font-weight:650}.concept-section p{font-size:12px;line-height:2;color:#7a8b7e;word-break:keep-all}.reference-link{display:flex;align-items:center;gap:8px;color:#5e947b;font-size:11px;margin:26px 0 8px}.code-example{background:#243c38;border:1px solid #294740;border-radius:9px;overflow:hidden;color:#c8ded1;min-width:0}.code-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#ffffff05;border-bottom:1px solid #ffffff0d;color:#9cb9ab;font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:10px}.code-title>span:last-child{font-size:8px;letter-spacing:1px;color:#8ba99a}.code-example pre{padding:18px;margin:0;font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.9;overflow:auto;tab-size:4}.syntax-key{color:#a6ccea}.syntax-string{color:#c4d7a4}.syntax-number{color:#d9b993}.expected-output{background:#152e28;border-top:1px solid #ffffff0a;padding:13px 17px}.expected-output>span{color:#739d87;font-size:9px}.expected-output pre{padding:8px 0 0;font-size:11px;white-space:pre-wrap}.concept-note{display:flex;align-items:center;gap:8px;color:#8da391;font-size:10px;margin:20px 0 14px}.lesson-footer{padding:16px 28px;background:white;align-items:center;min-height:68px;flex-shrink:0}.lesson-footer>span{font-size:10px;color:#8b9e90}.lesson-footer-dot{color:#ccd9cf;margin:0 4px}.small-muted{color:#a4b0a7!important;font-size:9px!important}.practice-intro h3{font-size:17px;letter-spacing:-.5px}.practice-intro p{font-size:12px;line-height:1.8;color:#819481;margin:8px 0 20px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-grid .code-example pre{max-height:400px;min-height:260px}.editor-box{border:1px solid #d6e4da;border-radius:9px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}.editor-box .code-title{background:#f1f6f2;border-bottom:1px solid #e1ebe4;color:#68836b}.editor-box .code-title label{font-size:11px;font-weight:500}.editor-box textarea{width:100%;min-height:260px;flex:1;resize:vertical;border:0;background:#fff;padding:18px;color:#425c48;font-family:Consolas,'Courier New',monospace;font-size:12px;line-height:1.9;white-space:pre;tab-size:4}.editor-box textarea:focus-visible{outline:2px solid #4ba782;outline-offset:-2px}.editor-box textarea::placeholder{color:#a2b3a3;font-family:'Noto Sans KR',sans-serif;font-size:11px}.editor-shortcut{font-size:9px;color:#9aaa9a;padding:8px 14px;border-top:1px solid #edf2ed}.practice-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}.practice-actions>div{display:flex;gap:7px}.hint-panel{font-size:12px;background:#fff8e6;color:#9f8644;padding:16px;border-radius:7px;line-height:1.8;margin-top:14px}.feedback{padding:17px 20px;border-radius:8px;font-size:12px;line-height:1.8;margin-top:16px}.feedback p{margin-top:5px;font-size:11px}.feedback.success{background:#e8f5ed;color:#4e9270;border:1px solid #d0e8d9}.feedback.retry{background:#fff5e7;color:#ab884e;border:1px solid #f0e4ce}.feedback code{padding:2px 4px;background:#fff8}.execution-note{margin-top:25px;border:1px solid #e3eae5;border-radius:8px;padding:17px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f4f7f4}.execution-note>div{display:flex;gap:12px;align-items:flex-start;color:#7d9980}.execution-note strong{font-size:11px;font-weight:500}.execution-note p{font-size:9px;line-height:1.8;color:#99a79a;margin-top:5px}.execution-note .text-link{font-size:9px}.practice-next{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;font-size:10px;color:#8d9e8c}.practice-next code{font-size:10px}.quiz-panel{max-width:650px;margin:10px auto 15px}.quiz-panel>.mini-label{justify-content:center;font-size:8px}.quiz-panel>h3{font-size:22px;line-height:1.7;text-align:center;margin-top:20px;letter-spacing:-.7px}.quiz-panel>p{text-align:center;color:#a0ad9f;font-size:11px;line-height:1.8;margin-top:8px}.quiz-options{display:flex;flex-direction:column;gap:11px;margin:28px 0 20px}.quiz-option{padding:16px 18px;border:1px solid #e0e8e1;border-radius:8px;display:flex;align-items:center;text-align:left;gap:14px;background:#fff;color:#7c8d7c;font-size:12px}.quiz-option>span{width:25px;height:25px;display:grid;place-items:center;background:#f2f5f1;border-radius:5px;font-size:10px;color:#9daa99}.quiz-option>svg{margin-left:auto}.quiz-option:hover{border-color:#8fc1a5}.quiz-option.chosen{background:#eef8f1;border-color:#7ab597;color:#4d8c66}.quiz-option:disabled{opacity:1}.quiz-option.correct-answer{border-color:#58ad7b;color:#3e8e60;background:#ecf7ee}.quiz-option.wrong-answer{border-color:#d7ad78;color:#a17b47;background:#fff7eb}.quiz-panel .feedback{margin-bottom:15px}.quiz-already{font-size:10px!important;color:#84a389!important;margin-top:16px!important}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#2d493b;color:#effaf3;padding:14px 22px;border-radius:9px;box-shadow:0 5px 25px #122c2630;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;max-width:90%;line-height:1.8}#toast.visible{opacity:1;transform:translate(-50%,0)}#track-dialog{width:460px}.track-modal{padding:35px;position:relative}.track-modal>.icon-button{position:absolute;right:15px;top:15px}.track-modal h2{font-size:27px;margin-top:20px}.track-modal>p{font-size:13px;color:#81917e;line-height:2;margin:15px 0}.future-path{padding:17px;background:#eff5ec;border-radius:7px;color:#899c81;font-size:11px;line-height:1.9;margin-bottom:25px}
@media(min-width:1550px){main{padding-top:45px}.hero{min-height:345px;padding:35px 42px}.hero h2{font-size:37px}.hero-copy>p{font-size:13px}.hero-art{width:49%}.go-mark{font-size:125px}.go-mark>span{font-size:86px;left:-78px}.stats{gap:22px}.stat-card{padding:20px 24px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.chapter-summary{padding:23px}.chapter-info strong{font-size:15px}.chapter-subtitle{font-size:11px}.next-card{padding:25px}.tip-card{padding:25px}.tip-card>p{font-size:11px}.tip-card>code{font-size:11px}.section-header h2{font-size:18px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.page-shell{margin-left:205px}main{padding:30px 28px}.topbar{padding:0 28px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.hero{padding:28px}.hero-actions{gap:13px}.hero-link{font-size:9px}.chapter-summary{padding:18px 13px;gap:11px}.chapter-info strong{font-size:12px}.chapter-kicker>span{display:none}.chapter-status{gap:8px}.hero-meta{gap:12px}.stats{gap:12px}.stat-card{padding:15px}.learning-loop{padding:20px 17px}.learning-loop>span{font-size:9px;gap:5px}.learning-loop h3{font-size:11px}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:29px}.date-label{display:none}.topbar-right{gap:17px}}
@media(max-width:1020px){.sidebar{width:190px}.page-shell{margin-left:190px}main{padding:27px 23px}.topbar{padding:0 23px}.hero-art{width:42%}.hero-copy{width:60%}.hero-actions{flex-wrap:wrap;gap:12px}.hero h2{font-size:27px}.hero{min-height:315px}.hero .button{padding:11px 14px;font-size:10px}.hero-link{font-size:9px}.hero-art .go-mark{font-size:85px}.go-mark>span{font-size:56px;left:-47px;top:13px}.floating-code{font-size:8px;padding:12px}.top-code{left:8%;top:53px}.bottom-code{right:4%;bottom:65px}.hero-meta{gap:10px;font-size:8px}.local-badge{display:none}.stats{gap:10px}.stat-card{padding:13px;min-height:120px}.stat-progress{display:none}.stat-value{font-size:25px}.stat-top{font-size:9px}.stat-icon{width:24px;height:24px}.dashboard-columns{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chapter-summary{padding:20px}.chapter-info strong{font-size:14px}.chapter-subtitle{font-size:10px}.learning-loop{flex-wrap:wrap;justify-content:center;gap:14px}.learning-loop>div{width:100%;text-align:center}.learning-loop .mini-label{justify-content:center}.concept-layout{grid-template-columns:1fr;gap:25px}.concept-layout>aside{max-width:100%}.execution-note{flex-direction:column;align-items:flex-start}.quiz-summary{gap:14px;padding:17px}.quiz-summary>span{font-size:10px}footer{padding:20px 23px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:232px;box-shadow:4px 0 30px #1b3a2920;transition:transform .2s}.sidebar.mobile-open{transform:translateX(0)}.page-shell{margin-left:0}.topbar{height:62px;padding:0 18px;position:relative;z-index:21}.mobile-menu{display:inline-flex!important}.breadcrumbs{gap:9px;font-size:10px}.topbar-right{gap:12px}.docs-link{font-size:9px}.avatar.small{display:none}main{padding:26px 18px}.page-heading{margin-bottom:22px}h1{font-size:26px}.page-heading p{font-size:11px}.eyebrow{font-size:8px}.hero{padding:26px 24px;min-height:310px}.hero-copy{width:63%}.hero h2{font-size:28px}.hero-copy>p{font-size:10px}.hero-art{width:37%;opacity:.85}.hero-art .go-mark{font-size:69px}.go-mark>span{font-size:45px;left:-33px;top:12px}.go-orb{left:54%}.orb-caption{font-size:4px;letter-spacing:1px}.top-code{font-size:6px;top:74px;left:5%;padding:9px}.top-code>span{margin-right:5px;font-size:6px}.bottom-code{font-size:6px;bottom:64px;right:0;padding:9px}.art-label{display:none}.orbit-one{width:210px;height:210px}.orbit-two{width:290px;height:290px}.plus-one{right:14px;top:110px}.plus-two{left:3px}.hero-eyebrow{font-size:7px;letter-spacing:1px}.hero-pill{font-size:7px;margin-left:0}.stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.stat-card{padding:18px;min-height:125px}.stat-top{font-size:11px}.stat-icon{width:28px;height:28px}.stat-value{font-size:28px}.stat-bottom{font-size:9px}.stat-progress{display:block}.section-header h2{font-size:15px}.section-header p{font-size:10px}.chapter-summary{padding:19px 15px}.chapter-icon{width:38px;height:38px;border-radius:9px}.chapter-info strong{font-size:13px}.chapter-subtitle{font-size:9px}.chapter-status>span{font-size:8px}.chapter-status small{font-size:8px}.chapter-summary>svg{width:14px}.right-column{gap:12px}.next-card,.tip-card{padding:19px}.next-card h3{font-size:16px}.next-card>p{font-size:10px}.learning-loop{gap:10px 13px}.learning-loop>span{font-size:9px}.learning-loop .loop-arrow:last-of-type{display:none}footer{padding:17px 18px;font-size:7px}footer>span{display:none}.library-controls{flex-direction:column;gap:12px}.filter-buttons{align-self:flex-start}.search-box{max-width:100%}.exercise-grid{gap:12px}.exercise-card{padding:18px}.exercise-card h2{font-size:16px}.exercise-card p{font-size:10px}.exercise-top .chapter-kicker{font-size:7px}.exercise-bottom>span{font-size:8px}.roadmap-intro{padding:18px;gap:12px}.roadmap-intro strong{font-size:12px}.roadmap-intro p{font-size:10px;line-height:1.7}.roadmap-percent{font-size:22px}.roadmap-group-title h2{font-size:16px}.lesson-row{padding:17px 14px;gap:10px}.lesson-row strong{font-size:12px}.lesson-row small{font-size:9px}.row-checks{gap:4px}.row-checks svg{width:12px}.lesson-time{font-size:9px}.quiz-summary{flex-wrap:wrap;font-size:10px;gap:10px}.quiz-summary>button{margin-left:0}.lesson-modal-header{padding:20px}.lesson-modal-header h2{font-size:20px}.lesson-tabs{padding:0 16px;gap:16px}.lesson-tabs button{font-size:11px;gap:6px}.lesson-panel{padding:22px 18px}.lesson-intro{font-size:14px}.concept-section p{font-size:12px}.editor-grid{grid-template-columns:1fr}.editor-grid .code-example pre{min-height:0;max-height:240px}.editor-box textarea{min-height:250px}.lesson-footer{padding:15px 18px}.lesson-footer .small-muted{display:none}.quiz-panel>h3{font-size:19px}.quiz-option{font-size:11px;padding:14px}.practice-next{flex-direction:column;align-items:flex-start}.practice-actions .button{font-size:10px;padding:9px 10px;gap:5px}.practice-actions .button.subtle svg{display:none}.lesson-tabs .tab-check{margin-left:0}.lesson-tabs .tab-check svg{width:11px}.practice-intro h3{font-size:16px}.practice-intro p{font-size:11px}.lesson-modal{max-height:94dvh}dialog{max-height:95dvh;max-width:calc(100% - 18px);border-radius:10px}.concept-layout{gap:20px}.track-modal{padding:30px 24px}}
@media(max-width:430px){.hero{padding:24px 21px}.hero-copy{width:75%}.hero h2{font-size:26px}.hero-art{width:27%;opacity:.55}.hero-art .top-code,.hero-art .bottom-code{display:none}.hero-art .go-mark{font-size:57px;letter-spacing:-7px}.hero-art .go-mark>span{font-size:35px;left:-27px;top:13px}.hero-art .orb-caption{display:none}.hero-meta{gap:9px;font-size:8px}.hero-link{font-size:9px}.right-column{grid-template-columns:1fr}.tip-card>p{font-size:11px}.tip-card>code{font-size:11px}.chapter-summary{gap:10px;padding:18px 13px}.chapter-subtitle{max-width:177px;line-height:1.7}.chapter-status{min-width:43px}.chapter-summary>svg{display:none}.count-badge{display:none}.exercise-grid{grid-template-columns:1fr}.row-checks{display:none}.lesson-tabs{gap:9px;padding:0 13px}.lesson-tabs button{font-size:10px}.lesson-tabs svg{width:15px}.quiz-panel>h3{font-size:18px}.lesson-modal-header{padding:18px 16px}.lesson-modal-header h2{font-size:18px}.learning-loop .loop-complete{width:100%;justify-content:center}.learning-loop .loop-arrow:nth-of-type(6){display:none}.topbar-right .docs-link{font-size:8px}.stat-progress{width:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sidebar{overflow-y:auto}.path-overview{margin:0 0 32px}.level-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.level-card{background:#fff;border:1px solid #dfe8e3;border-radius:10px;padding:22px;text-align:left}.level-card:hover{border-color:#69a591;transform:translateY(-2px)}.level-tag{display:inline-block;font-size:10px;font-weight:650;color:#368774;background:#eaf5ef;padding:5px 9px;border-radius:5px}.intermediate .level-tag{color:#638da7;background:#edf3fa}.advanced .level-tag{color:#9471b5;background:#f4edf9}.level-card h3{font-size:16px;margin:15px 0 9px;letter-spacing:-.4px}.level-card p{font-size:11px;line-height:1.9;color:#82958a;min-height:42px}.level-progress{height:4px;background:#edf3ef;border-radius:3px;margin-top:20px}.level-progress span{display:block;height:4px;background:#48a384;border-radius:3px}.level-card small{font-size:10px;color:#8da296;margin-top:12px;display:flex;justify-content:space-between}.readiness-note{display:flex;align-items:center;gap:10px;padding:16px 4px 0;color:#8a9b90;font-size:10px;line-height:1.9}.level-select{display:flex;gap:7px;align-items:center;font-size:11px;color:#7e9285;white-space:nowrap}.level-select select{padding:10px;border:1px solid #dee8e1;background:white;border-radius:6px;font:inherit;color:#456653}.lesson-context{display:flex;gap:8px;margin-bottom:14px}.lesson-context>span{font-size:10px;padding:4px 8px;border:1px solid #d7e5dc;border-radius:5px;color:#6c9480}.prereq{font-size:11px;color:#91a192;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cloud-note,.pitfall-note{padding:18px 20px;border-radius:8px;margin-top:24px;background:#ecf6ef;color:#649174}.cloud-note h3,.pitfall-note h3{font-size:13px}.cloud-note p,.pitfall-note p{font-size:12px;line-height:1.9;margin-top:8px}.pitfall-note{background:#faf4e9;color:#a88e5b}.lab-panel{max-width:850px;margin:auto}.lab-panel>h3{font-size:23px;letter-spacing:-.5px;margin-top:14px}.lab-intro{font-size:12px;color:#8a9a8a;line-height:2;margin:15px 0}.lab-environment{border:1px solid #e0e9e1;border-radius:8px;background:#f1f6f1;padding:18px}.lab-environment strong{font-size:12px}.lab-environment p{font-size:11px;line-height:2;color:#829581;margin-top:6px}.lab-panel h4,.project-card h4{font-size:13px;margin:25px 0 13px}.mission-steps{padding-left:22px;color:#718973;font-size:12px;line-height:2.1}.mission-steps li{padding-left:5px;margin-bottom:10px}.mission-checklist{display:flex;flex-direction:column;gap:8px}.mission-checklist label{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid #e3ebe4;border-radius:7px;font-size:12px;line-height:1.8;background:white;color:#6b866e;cursor:pointer}.mission-checklist input{margin:4px 0 0;accent-color:#16866d;width:16px;height:16px;flex-shrink:0}.evidence-label{display:block;font-size:13px;font-weight:600;margin-top:25px;color:#557c64}.evidence-label>span{display:block;font-size:10px;font-weight:400;color:#96a38f;margin:7px 0 12px}.evidence-label textarea{display:block;width:100%;min-height:120px;resize:vertical;border:1px solid #d9e6dc;border-radius:8px;padding:15px;font-size:12px;line-height:1.9;color:#5c775e;background:#fff}.evidence-label textarea::placeholder{color:#a0afa1}.mission-links{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:20px 0 5px}.assessment-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}.assessment-panel h2{font-size:20px;letter-spacing:-.6px;margin-bottom:23px}.assessment-panel>div:not(.assessment-actions){display:grid;grid-template-columns:135px 1fr;gap:20px;margin:17px 0}.assessment-panel strong{font-size:12px;color:#517563}.assessment-panel p{font-size:12px;color:#7e9282;line-height:2}.assessment-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.project-progress{display:flex;gap:12px;align-items:center;padding:22px 0;font-size:12px;color:#6c9278;flex-wrap:wrap}.project-progress>span{font-size:10px;color:#94a58f}.project-list{display:flex;flex-direction:column;gap:25px}.project-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px}.project-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.project-top>span:last-child{font-size:10px;color:#8ea291;display:flex;align-items:center;gap:5px}.project-card h2{font-size:23px;margin:18px 0 12px;letter-spacing:-.7px}.project-summary{color:#829881;font-size:12px;line-height:2}.project-lessons{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#95a58f;margin:20px 0}.lesson-chip{border:1px solid #e0e9de;border-radius:5px;padding:6px 8px;background:#f8faf5;font-size:10px;color:#8b9b76}.project-card details{background:#f5f8f2;border-radius:8px;padding:18px 20px}.project-card summary{font-size:13px;cursor:pointer;color:#6d855f;font-weight:600}.project-card ul,.project-card ol{padding-left:20px;font-size:12px;line-height:2;color:#819371}.project-card li{margin-bottom:10px}.project-deliverable{margin-top:20px;border-left:3px solid #b7d4bb;padding:5px 0 5px 18px}.project-deliverable strong{font-size:11px;display:block;margin-bottom:7px;color:#5e855e}.project-deliverable p{font-size:11px;color:#8d9e82;line-height:1.9;margin-bottom:14px}.hero-copy{width:64%}.hero h2{font-size:29px}.hero-art{width:39%}.hero-meta{flex-wrap:wrap}.hero{min-height:330px}.lesson-tabs{gap:17px}.library-controls{flex-wrap:wrap}.search-box{flex:1}.lesson-panel{scrollbar-gutter:stable}.practice-next code{white-space:pre-wrap;overflow-wrap:anywhere}.expected-output pre{overflow-wrap:anywhere}.sidebar .workspace-label{margin-top:30px}.sidebar .track-label{margin-top:4px}.sidebar-bottom{padding-top:20px}
@media(max-width:1020px){.level-card{padding:18px}.level-card h3{font-size:14px}.hero h2{font-size:27px}.hero-art{width:34%}.assessment-panel>div:not(.assessment-actions){grid-template-columns:110px 1fr;gap:12px}.library-controls .search-box{min-width:220px}}
@media(max-width:760px){.level-cards{grid-template-columns:1fr}.level-card p{min-height:0}.path-overview .section-header{align-items:flex-start}.path-overview .section-header p{line-height:1.9}.hero-copy{width:80%}.hero-art{width:25%;opacity:.4}.hero h2{font-size:25px}.hero{min-height:335px}.hero-meta{gap:10px}.hero-actions{gap:12px}.hero-copy>p{font-size:10px}.level-card h3{font-size:16px}.level-card p{font-size:12px}.readiness-note{align-items:flex-start}.library-controls{flex-direction:row}.level-select{width:100%}.library-controls .search-box{flex-basis:100%;min-width:0}.assessment-panel,.project-card{padding:22px 18px}.assessment-panel>div:not(.assessment-actions){grid-template-columns:1fr;gap:7px}.assessment-panel h2{font-size:18px;line-height:1.6}.project-card h2{font-size:21px;line-height:1.5}.project-top{flex-wrap:wrap}.assessment-actions .button{width:100%}.lesson-tabs{gap:5px;padding:0 11px;justify-content:space-between}.lesson-tabs button{font-size:10px;gap:4px}.lesson-tabs button>svg{width:14px}.lesson-tabs .tab-check{display:none}.lab-panel>h3{font-size:20px}.lab-panel h4{font-size:12px}.mission-links{align-items:flex-start;flex-direction:column;gap:14px}.mission-checklist label{font-size:11px}.evidence-label>span{line-height:1.8}.page-heading h1{font-size:25px}.hero-art .top-code,.hero-art .bottom-code{display:none}}