:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f7fa;--surface:#fff;--ink:#203348;--muted:#6d7d8e;--line:#e0e7ee;--primary:#2b5871;--primary-dark:#203e54;--green:#288763;--green-soft:#eaf5ef;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{background:0 0;border:0}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em;overflow-wrap:anywhere;line-height:1.25}h1{font-size:34px;font-weight:700}h2{font-size:21px;font-weight:650}h3{font-size:16px;font-weight:650}input,select,textarea{min-width:0}textarea{resize:vertical}::selection{background:#d6e7f2}:focus-visible{outline-offset:3px;outline:3px solid #7daaca}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line);z-index:30;background:#fff;position:sticky;top:0}.header-inner{align-items:center;gap:40px;width:min(1456px,100% - 72px);height:82px;margin:auto;display:flex}.brand{text-align:left;flex-shrink:0;align-items:center;gap:11px;padding:0;display:flex}.brand-mark{color:#e6f3fa;background:#203348;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand strong{letter-spacing:-.04em;align-items:center;font-size:18px;line-height:1.3;display:flex}.brand-pro{letter-spacing:.06em;color:#365e78;background:#e9f1f6;border-radius:4px;margin-left:7px;padding:3px 5px;font-size:9px}.brand small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.top-nav{align-items:stretch;gap:30px;height:100%;margin-left:22px;display:flex}.top-nav button{color:var(--muted);white-space:nowrap;padding:0;font-size:13px;font-weight:550;position:relative}.top-nav button.active{color:var(--ink)}.top-nav button.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.top-nav button:hover{color:var(--primary)}.header-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.teacher-switch{color:#61778b;border:1px solid var(--line);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.teacher-switch:hover,.teacher-switch.active{color:var(--primary);background:#f0f5f9;border-color:#becfdc}.profile-button{align-items:center;gap:8px;padding:3px;display:flex}.avatar{color:#466381;background:#e9eef6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:14px;font-weight:650;display:flex}.small-avatar{width:32px;height:32px;font-size:12px}.large-avatar{width:56px;height:56px;font-size:21px}.icon-button{color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.icon-button:hover{color:var(--ink);background:#e9eff5}.mobile-menu-toggle,.mobile-navigation{display:none}.student-mode-bar{color:#805e30;background:#fff4df;border-bottom:1px solid #eee0c4;align-items:center;gap:10px;padding:9px 36px;font-size:12px;display:flex}.student-mode-bar button{color:#6e522b;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:inline-flex}.app-layout{grid-template-columns:218px minmax(0,1fr);gap:40px;width:calc(100% - 72px);max-width:1456px;min-height:calc(100vh - 165px);margin:0 auto;padding-top:31px;padding-bottom:46px;display:grid}.app-layout.full-width{max-width:1360px;display:block}.app-sidebar{align-self:start;padding-top:30px;position:sticky;top:105px}.sidebar-group>p{color:#8a98a6;letter-spacing:.09em;margin:0 13px 10px;font-size:10px;font-weight:650}.sidebar-group>button{text-align:left;color:#657487;border-radius:9px;align-items:center;gap:11px;width:100%;min-height:44px;margin-bottom:4px;padding:10px 13px;font-size:12px;display:flex}.sidebar-group>button span{min-width:0}.sidebar-group>button small{background:#e6edf4;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.sidebar-group>button.active{color:#fff;background:#203348;font-weight:550}.sidebar-group>button.active small{color:#dceaf3;background:#ffffff1a}.sidebar-group>button:hover:not(.active){color:var(--ink);background:#eaf0f5}.sidebar-group.topics{margin-top:31px}.sidebar-group>button.selected-topic{color:#2b5871;background:#e6eef5;font-weight:600}.sidebar-group.topics>button{gap:11px;font-size:12px}.sidebar-subscription{background:linear-gradient(145deg,#eaf2f7,#eff3f7);border:1px solid #d9e4ed;border-radius:12px;margin-top:30px;padding:19px 17px}.subscription-symbol{color:#3b6682;background:#dceaf2;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex}.sidebar-subscription strong{letter-spacing:-.015em;font-size:14px}.sidebar-subscription p{color:#687c90;margin-top:7px;font-size:11px;line-height:1.75}.sidebar-subscription button{color:#345a76;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:0;font-size:11px;font-weight:650;display:flex}.sidebar-teacher{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:23px;padding:23px 3px 0;display:flex}.teacher-avatar{color:#56768f;background:#eef3f7;border:1px solid #dce6ee;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-teacher strong{overflow-wrap:anywhere;font-size:11px;font-weight:550;line-height:1.4;display:block}.sidebar-teacher small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.sidebar-footnote{color:#a0adba;margin-top:25px;padding-left:4px;font-size:10px;display:block}.breadcrumb{color:#94a0ad;align-items:center;gap:9px;min-height:18px;margin-bottom:22px;font-size:11px;display:flex}.breadcrumb strong{color:#718296;font-weight:500}.breadcrumb button{color:#6f8498;padding:0;font-size:11px}.breadcrumb button:hover{color:var(--primary)}.catalog-main,.learning-page,.subscription-page{min-width:0}.catalog-hero{background:#eaf1f6;border:1px solid #dce7ef;border-radius:18px;grid-template-columns:1.06fr 1fr;gap:10px;min-height:306px;padding:31px 32px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero-eyebrow{letter-spacing:.1em;color:#517186;align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex}.hero-eyebrow i{background:#4e9273;border-radius:50%;width:5px;height:5px}.hero-copy h1{letter-spacing:-.045em;color:#233e52;margin-top:16px;font-size:36px;font-weight:700;line-height:1.18}.hero-copy>p{color:#6a8193;margin-top:15px;font-size:12px;line-height:1.8}.hero-actions{align-items:center;gap:21px;margin-top:23px;display:flex}.btn{text-align:center;white-space:normal;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:600;line-height:1.5;transition:background .16s,border-color .16s;display:inline-flex}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn.secondary{color:#476076;background:#fff;border-color:#d8e2eb}.btn.secondary:hover:not(:disabled){background:#edf3f7;border-color:#b5cbdc}.btn.small{min-height:33px;padding:7px 11px;font-size:11px}.btn.full{width:100%}.hero-secondary{color:#517289;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:550;display:flex}.hero-secondary:hover{color:var(--primary-dark)}.hero-footnote{color:#7f93a4;align-items:center;gap:6px;margin-top:19px;font-size:10px;display:flex}.hero-visual{align-self:stretch;min-width:0;margin:0 -5px 0 0;position:relative}.hero-editor{background:#fff;border:1px solid #d5e0e9;border-radius:12px;width:324px;position:absolute;top:31px;right:11px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 12px 34px #24415c15}.hero-editor-bar{background:#f5f8fa;border-bottom:1px solid #e5edf3;align-items:center;gap:5px;height:34px;padding:0 12px;display:flex}.hero-editor-bar i{background:#ccd8e2;border-radius:50%;width:5px;height:5px}.hero-editor-bar i:first-child{background:#dca3a0}.hero-editor-bar i:nth-child(2){background:#dfca91}.hero-editor-bar i:nth-child(3){background:#a3c8b2}.hero-editor-bar span{color:#9aabba;margin:auto;font-size:9px}.hero-editor-body{color:#476078;padding:18px 15px 21px;font:11px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.hero-editor-body>div{gap:15px;display:flex}.hero-editor-body small{color:#bac6d1;width:8px;font-size:10px}.hero-editor-body .code-comment{color:#9babba;font-size:9px}.hero-editor-body b{color:#6a71a4;font-weight:500}.hero-editor-body em{color:#b29156;font-style:normal}.hero-editor-body strong{color:#528b75;font-weight:400}.hero-editor-result{color:#47816a;background:#f0f8f4;border-top:1px solid #e2efe7;align-items:center;gap:7px;padding:8px 16px;font-size:9px;display:flex}.hero-editor-result>span:last-child{color:#93b4a2;margin-left:auto}.hero-progress-badge{background:#fff;border:1px solid #dce6ec;border-radius:10px;align-items:center;gap:10px;padding:12px 17px;display:flex;position:absolute;bottom:3px;right:-7px;transform:rotate(2deg);box-shadow:0 5px 16px #24415c0a}.hero-progress-badge>span{color:#4e9879;background:#e7f5ee;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.hero-progress-badge strong{font-size:11px;font-weight:600;display:block}.hero-progress-badge small{color:#91a0ad;margin-top:2px;font-size:9px;display:block}.hero-brackets{color:#c7d9e5;font:300 75px/1 ui-monospace,monospace;position:absolute;top:-24px;right:-10px;transform:rotate(10deg)}.hero-visual-spark{color:#a5bfce;font-size:27px;position:absolute;bottom:42px;left:9px}.orbit{border:1px solid #d7e4ed;border-radius:50%;width:280px;height:280px;position:absolute;top:-23px;right:14px;transform:rotate(25deg)}.orbit-two{width:225px;height:225px;top:4px;right:40px}.catalog-section{padding-top:34px;scroll-margin-top:96px}.section-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.section-title h2{letter-spacing:-.028em;font-size:20px}.section-title p{color:var(--muted);margin-top:6px;font-size:11px}.free-preview-label{color:#7f8e9c;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:inline-flex}.free-preview-label>span{background:#67a68b;border-radius:50%;width:5px;height:5px}.catalog-filter{gap:11px;margin-bottom:16px;display:flex}.search-input{border:1px solid var(--line);color:#8b9cac;background:#fff;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;min-height:43px;padding:0 13px;display:flex}.search-input:focus-within{border-color:#7ea6c1;box-shadow:0 0 0 3px #7ea6c115}.search-input input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:41px;font-size:12px}.search-input input::placeholder{color:#98a5b1}.catalog-filter select{border:1px solid var(--line);color:#687b8f;background:#fff;border-radius:9px;max-width:190px;padding:8px 11px;font-size:11px}.catalog-chips{flex-wrap:wrap;gap:7px;margin:0 0 23px;display:flex}.catalog-chips button,.learning-filter button{color:#748596;background:#fff;border:1px solid #e0e7ee;border-radius:7px;padding:6px 10px;font-size:10px}.catalog-chips button.selected,.learning-filter button.selected{color:#3b5c78;background:#e9eff5;border-color:#d1deea;font-weight:600}.catalog-chips button span,.learning-filter button span{color:#91a1b1;margin-left:5px;font-size:9px}.courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.course-card{background:#fff;border:1px solid #dde6ee;border-radius:13px;flex-direction:column;min-width:0;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.course-card:hover{border-color:#b6cbd9;transform:translateY(-2px);box-shadow:0 7px 25px #23405c0b}.art-button{text-align:left;width:100%;padding:0;display:block;position:relative}.course-art{background:#eaf1f9;border-bottom:1px solid #e3eaf2;height:160px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#95aec017 1px,#0000 1px),linear-gradient(90deg,#95aec017 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#0008,#0000 90%);mask-image:linear-gradient(120deg,#0008,#0000 90%)}.art-python{background:linear-gradient(130deg,#e8f0fa,#edf4fa)}.art-logic{background:linear-gradient(130deg,#eeeafa,#f2eefb)}.art-safety{background:linear-gradient(140deg,#e5f2ed,#eff8f4)}.art-exam{background:linear-gradient(140deg,#faf0e2,#fcf4e8)}.art-modeling{background:linear-gradient(140deg,#e9ecf9,#eff2fb)}.art-badge{color:#6f8499;background:#ffffffe8;border:1px solid #ffffffd9;border-radius:5px;padding:3px 7px;font-size:9px;position:absolute;top:12px;left:13px}.art-code{color:#b3c9dd;letter-spacing:-.08em;font:500 69px/1 ui-monospace,monospace;position:absolute;bottom:19px;left:13px;transform:rotate(-9deg)}.art-terminal{background:#fff;border:1px solid #cedce9;border-radius:8px;width:65%;position:absolute;top:35px;right:18px;overflow:hidden;transform:rotate(-6deg);box-shadow:0 7px 15px #41617e0c}.art-terminal>span{background:#f4f7fb;border-bottom:1px solid #e5edf5;align-items:center;gap:3px;height:24px;padding:0 8px;display:flex}.art-terminal i{background:#c1d0df;border-radius:50%;width:4px;height:4px}.art-terminal em{color:#9aaaba;margin-left:auto;font-size:7px;font-style:normal}.art-terminal code{color:#45627d;padding:13px 10px 10px;font:8px/1.8 ui-monospace,monospace;display:block}.art-terminal code b{color:#7283b1;font-weight:500}.art-terminal strong{color:#4a8c76;font-weight:400}.art-terminal small{color:#99acbd;font-size:8px}.art-terminal u{color:#6587a4;text-decoration:none}.logic-path{justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:30px 15px 0}.logic-path>div{color:#8c7da8;white-space:nowrap;background:#fff9;border:1px solid #c5badd;border-radius:5px;padding:7px 10px;font-size:9px}.logic-path>i{background:#bcafd6;width:27px;height:1px;position:relative}.logic-path>i:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:4px solid #bcafd6;position:absolute;top:-2px;right:0}.logic-path .diamond{background:#ded5f188;border-radius:3px;justify-content:center;align-items:center;width:49px;height:49px;margin-inline:7px;padding:0;display:flex;transform:rotate(45deg)}.diamond span{font-size:9px;transform:rotate(-45deg)}.art-formula{color:#b2a2c9;letter-spacing:.18em;font:11px ui-monospace,monospace;position:absolute;top:24px;right:18px}.cube-art{width:158px;height:158px;position:absolute;top:3px;right:34px;transform:rotate(-7deg)}.art-axis{color:#919abf;font:11px ui-monospace,monospace;position:absolute;bottom:19px;left:22px}.exam-paper{background:#fffdf8;border:1px solid #e3d6bf;border-radius:6px;width:175px;padding:13px 17px;position:absolute;top:29px;right:34px;transform:rotate(7deg);box-shadow:0 5px 16px #b2956520}.exam-paper>small{letter-spacing:.1em;color:#b4a382;font-size:7px;display:block}.exam-paper strong{color:#9e8151;margin-top:7px;font:500 22px/1.4 Georgia,serif;display:block}.exam-paper>span{color:#b29d7a;font:9px ui-monospace,monospace}.exam-paper>div{color:#8a9b72;gap:4px;margin-top:8px;font-size:8px;display:flex}.exam-number{color:#e5d4b5;font-size:61px;bottom:17px;left:10px}.shield-art{color:#6b9c89;position:absolute;top:32px;left:calc(50% - 45px)}.security-lock{color:#7ca28f;background:#fafffc;border:1px solid #cfe1d6;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font:12px ui-monospace,monospace;display:flex;position:absolute;bottom:19px;right:14px;transform:rotate(-5deg)}.security-spark{color:#9ec2ae;font-size:25px;position:absolute;top:30px;right:35px}.card-copy{flex-direction:column;flex:1;min-width:0;padding:19px 19px 0;display:flex}.topic-label{color:#5f7e99;align-items:center;gap:6px;margin-bottom:8px;font-size:9px;font-weight:600;display:inline-flex}.topic-python{color:#557fa0}.topic-logic{color:#8a73a8}.topic-safety{color:#4e8d72}.topic-exam{color:#a78c59}.topic-modeling{color:#797cad}.card-title{text-align:left;letter-spacing:-.025em;align-items:flex-start;min-height:46px;margin-bottom:10px;padding:0;font-size:17px;font-weight:650;line-height:1.35;display:flex}.card-title:hover{color:var(--primary)}.card-copy>p{color:#8a98a7;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:58px;font-size:11px;line-height:1.8;display:-webkit-box;overflow:hidden}.card-meta{color:#8392a1;align-items:center;gap:16px;margin:17px 0;font-size:10px;display:flex}.card-meta>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.card-bottom{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:10px;min-height:52px;margin-top:auto;padding:13px 0;display:flex}.card-bottom>span{color:#93a1af;font-size:9px}.text-button{color:#416782;align-items:center;gap:7px;padding:3px 0;font-size:10px;font-weight:650;display:inline-flex}.text-button:hover{color:var(--primary-dark)}.catalog-count{color:#a0adba;text-align:right;margin-top:15px;font-size:10px}.catalog-subscription-banner{background:#ecf2f7;border:1px solid #dce5ed;border-radius:14px;align-items:center;gap:25px;margin-top:32px;padding:26px 29px;display:flex}.catalog-subscription-banner h2{font-size:20px}.catalog-subscription-banner p{color:#8191a3;margin-top:7px;font-size:11px;line-height:1.8}.catalog-subscription-banner>.btn{flex-shrink:0;margin-left:auto}.banner-symbol{color:#6a88a3;background:#e0eaf2;border:1px solid #d1dfe9;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;transform:rotate(-6deg)}.banner-symbol span{color:#fff;background:#2d536e;border-radius:4px;padding:2px 5px;font-size:7px;position:absolute;bottom:7px;right:-7px;transform:rotate(6deg)}.site-footer{border-top:1px solid var(--line);color:#9aa7b5;font-size:10px}.site-footer>div{justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 72px);max-width:1456px;min-height:65px;margin:auto;display:flex}.site-footer button{color:#879aac;align-items:center;gap:5px;padding:0;font-size:10px;display:flex}.eyebrow{color:#8a9bab;letter-spacing:.09em;font-size:10px;font-weight:600}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:10px 0 29px;display:flex}.page-heading h1{margin-top:7px}.page-heading p{color:var(--muted);margin-top:10px;font-size:13px}.empty-state{text-align:center;color:#8da0b3;background:#fff;border:1px dashed #d5e0e9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:64px 24px;display:flex}.empty-state h1,.empty-state h2{color:var(--ink);margin-top:6px;font-size:23px}.empty-state p{color:#8a9bad;max-width:440px;font-size:12px}.empty-state .btn{margin-top:12px}.loading-state{color:#8498aa;justify-content:center;align-items:center;gap:13px;min-height:320px;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.learning-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px;display:grid}.learning-stats>div{border:1px solid var(--line);color:#7f99ad;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:22px 20px;display:flex}.learning-stats strong{color:#34546e;font-size:26px;font-weight:600}.learning-stats span{color:#8d9cac;font-size:11px}.continue-banner{background:#edf5f1;border:1px solid #d5e6dd;border-radius:14px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;padding:27px 30px;display:flex}.continue-banner>div{flex:1}.continue-banner .eyebrow{color:#67937f}.continue-banner h2{margin:8px 0;font-size:23px}.continue-banner p{color:#83a091;margin-bottom:12px;font-size:11px}.continue-banner .progress-track{width:80%}.progress-track{background:#e4ece8;border-radius:9px;height:5px;overflow:hidden}.progress-track>i{background:#5b9c7d;border-radius:9px;height:100%;transition:width .3s;display:block}.learning-filter{gap:7px;margin-bottom:22px;display:flex}.learning-filter button{padding:7px 13px;font-size:11px}.empty-icon{color:#6384a0;background:#edf3f8;border-radius:19px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:5px;display:flex}.learning-empty{min-height:360px}.card-progress{margin:2px 0 17px}.card-progress>span{color:#8c9baa;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.card-progress strong{color:#5b8f78;font-size:10px}.muted{color:var(--muted);font-size:11px}.subscription-page{max-width:1000px}.subscription-heading{text-align:center;padding:17px 0 32px}.pro-pill{color:#547992;letter-spacing:.07em;background:#ecf3f8;border:1px solid #d5e3ed;border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:9px;font-weight:600;display:inline-flex}.subscription-heading h1{letter-spacing:-.045em;margin-top:18px;font-size:41px;line-height:1.18}.subscription-heading p{color:#8595a4;margin-top:15px;font-size:12px;line-height:1.85}.pricing-grid{grid-template-columns:1fr 1fr;gap:23px;width:min(100%,780px);margin:10px auto 0;display:grid}.price-card{background:#fff;border:1px solid #dce6ee;border-radius:14px;padding:29px 29px 21px;position:relative}.price-label{letter-spacing:.1em;color:#8da0b0;font-size:9px;font-weight:600}.price-card h2{margin-top:10px;font-size:25px}.price-card>p{color:#93a1ae;max-width:250px;margin-top:9px;font-size:11px}.price{align-items:baseline;gap:8px;margin:25px 0 23px;display:flex}.price strong{letter-spacing:-.05em;font-size:39px;font-weight:650}.price>span{color:#9aa8b4;font-size:11px}.price-card ul{flex-direction:column;gap:13px;margin:0 0 28px;padding:0;list-style:none;display:flex}.price-card li{color:#7b8d9e;align-items:center;gap:9px;font-size:11px;display:flex}.price-card li svg{color:#68927e}.price-card>small{text-align:center;color:#9cabb7;margin-top:11px;font-size:9px;display:block}.price-card.recommended{background:linear-gradient(#f7fbfe,#fff 60%);border:1.5px solid #6488a3;box-shadow:0 5px 23px #2e5a7608}.price-recommended{color:#fff;background:#345d7a;border-radius:5px;padding:4px 10px;font-size:9px;position:absolute;top:-12px;right:21px}.price-card.recommended .price-label{color:#577e99}.trial-banner{background:#edf5f1;border:1px solid #d9e8de;border-radius:13px;align-items:center;gap:17px;width:min(100%,780px);margin:26px auto 0;padding:23px;display:flex}.trial-icon{color:#659981;background:#e0eee6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.trial-banner h2{font-size:15px}.trial-banner p{color:#849c8e;margin-top:5px;font-size:10px}.trial-banner>.btn{white-space:nowrap;margin-left:auto;font-size:11px}.subscription-smallprint{color:#9aa8b4;justify-content:center;align-items:center;gap:7px;margin:22px 0 45px;font-size:10px;display:flex}.subscription-faq{max-width:780px;margin:auto}.subscription-faq>h2{text-align:center;margin-bottom:21px;font-size:23px}.faq-item{border-bottom:1px solid #e0e7ee}.faq-item>button{text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:18px 0;font-size:12px;font-weight:550;display:flex}.faq-item>p{color:#8999a9;max-width:650px;padding:0 30px 20px 0;font-size:11px;line-height:1.85}.rotate-half{transform:rotate(180deg)}.active-subscription,.pending-subscription{color:#4c8b6a;background:#eaf5ef;border:1px solid #cbe2d4;border-radius:11px;align-items:center;gap:13px;width:min(100%,780px);margin:0 auto 20px;padding:17px 19px;display:flex}.active-subscription strong{font-size:13px}.active-subscription p,.pending-subscription p{color:#7ba28b;margin-top:3px;font-size:11px}.active-subscription>.btn{margin-left:auto}.pending-subscription{color:#a49267;background:#faf5e9;border-color:#eee2c9}.pending-subscription p{color:#988b6b}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:25px}.panel-subtitle{color:#8d9cad;margin:8px 0 24px;font-size:12px}.course-detail-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px;display:grid}.detail-hero{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:285px minmax(0,1fr);align-items:center;gap:29px;margin-bottom:29px;padding:25px;display:grid}.detail-hero .course-art{border:1px solid #e2e9f0;border-radius:11px;height:240px}.detail-hero .art-terminal{width:77%;top:76px}.detail-hero .logic-path{inset:70px 10px 35px}.detail-hero .cube-art{width:206px;height:206px;top:20px;right:34px}.detail-hero .shield-art{top:80px}.detail-hero .exam-paper{top:65px}.detail-hero h1{margin:8px 0 14px;font-size:30px;line-height:1.25}.detail-hero p{color:#8b9aaa;font-size:12px;line-height:1.85}.detail-meta{color:#889caf;flex-wrap:wrap;gap:13px;margin-top:17px;font-size:10px;display:flex}.detail-meta>span{align-items:center;gap:5px;display:flex}.detail-author{border-top:1px solid #eef2f6;align-items:center;gap:10px;margin-top:20px;padding-top:17px;display:flex}.detail-author strong{font-size:11px;font-weight:550;display:block}.detail-author small{color:#9aa9b7;margin-top:2px;font-size:10px;display:block}.course-access-card{align-self:start;padding:23px;position:sticky;top:110px}.course-access-card h2{margin-top:20px;font-size:21px}.course-access-card>p{color:#91a1af;margin:12px 0 23px;font-size:11px;line-height:1.85}.course-access-card>.btn{margin-bottom:10px}.course-access-card ul{color:#8a9caa;flex-direction:column;gap:10px;margin:21px 0;padding:0;font-size:10px;list-style:none;display:flex}.course-access-card li{align-items:center;gap:7px;display:flex}.course-access-card li svg{color:#679982}.access-price{color:#9aaab7;border-top:1px solid #e7edf2;padding-top:16px;font-size:10px}.access-price strong{color:#5c7a92;margin-left:2px;font-size:13px}.course-access-card>.text-button{margin-top:18px}.access-progress{margin:0 0 19px}.access-progress>span{color:#8ea0b0;justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.access-progress strong{color:#548e70}.course-program{padding:24px}.course-program .section-title{margin-bottom:22px}.mini-badge{color:#8399ad;white-space:nowrap;background:#edf3f8;border:1px solid #e0e9f1;border-radius:5px;padding:3px 7px;font-size:9px;display:inline-block}.outline-module{border:1px solid #e0e8ee;border-radius:9px;margin-bottom:13px;overflow:hidden}.outline-module:last-child{margin-bottom:0}.outline-module>summary{cursor:pointer;background:#f7f9fb;align-items:center;gap:12px;padding:15px 17px;list-style:none;display:flex}.outline-module>summary::-webkit-details-marker{display:none}.outline-module>summary>span{color:#94a5b5;font-size:11px;font-weight:600}.outline-module>summary strong{font-size:12px;font-weight:600}.outline-module>summary small{color:#96a7b6;white-space:nowrap;margin-left:auto;font-size:10px}.outline-module[open]>summary svg{transform:rotate(180deg)}.outline-lesson{border-top:1px solid #e5edf3;padding:17px 20px 16px}.outline-lesson>div{align-items:center;gap:10px;margin-bottom:10px;display:flex}.outline-lesson>div>span{color:#9badbd;font-size:10px}.outline-lesson h3{flex:1;font-size:12px}.outline-lesson>div small{color:#9badbd;white-space:nowrap;font-size:9px}.outline-step{text-align:left;color:#8094a6;border-radius:5px;align-items:center;gap:9px;width:100%;padding:8px;font-size:10px;display:flex}.outline-step:hover{color:#3b6886;background:#f0f5f9}.outline-step>span:first-child{color:#8fa7ba;width:18px}.outline-step>span:nth-child(2){flex:1}.outline-step small{color:#74a18a;background:#ecf5f0;border-radius:4px;padding:2px 5px;font-size:8px}.course-benefits{grid-template-columns:repeat(3,1fr);gap:20px;margin:29px 0 8px;display:grid}.course-benefits>div{padding:5px 8px}.course-benefits svg{color:#7e9cb4}.course-benefits h3{margin-top:12px;font-size:13px}.course-benefits p{color:#96a5b3;margin-top:7px;font-size:10px;line-height:1.8}.classroom-container{max-width:1530px;min-height:calc(100vh - 82px);margin:auto}.classroom{grid-template-columns:278px minmax(0,1fr);min-height:calc(100vh - 82px);display:grid}.classroom-sidebar{background:#eef3f7;border-right:1px solid #dce5ed;align-self:start;height:calc(100vh - 82px);padding:26px 20px 30px;position:sticky;top:82px;overflow-y:auto}.back-link{color:#8599ab;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.back-link:hover{color:var(--primary)}.course-symbol{color:#7192af;background:#edf3f9;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.course-symbol.topic-logic{color:#9a80b1;background:#f0ecf7}.course-symbol.topic-safety{color:#6d9d83;background:#eaf4ee}.course-symbol.topic-exam{color:#b7a175;background:#faf2e8}.course-symbol.topic-modeling{color:#9698b9;background:#eeeff9}.classroom-sidebar>.course-symbol{margin-top:27px;margin-bottom:14px}.classroom-sidebar>h2{font-size:19px;line-height:1.35}.sidebar-progress{margin:22px 0 28px}.sidebar-progress>span{color:#8b9eae;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.sidebar-progress strong{color:#628f76;font-size:10px}.sidebar-progress>small{color:#99a9b6;margin-top:7px;font-size:9px;display:block}.contents-title{letter-spacing:.1em;color:#9babb8;margin-bottom:14px;font-size:9px;font-weight:600}.curriculum-module{margin-bottom:18px}.module-heading{text-align:left;align-items:flex-start;gap:8px;width:100%;padding:4px 0;font-size:11px;font-weight:600;line-height:1.5;display:flex}.module-heading>span{color:#a3b1bf;padding-top:1px;font-size:9px}.module-heading>svg{color:#91a5b5;margin-top:2px;margin-left:auto}.chevron-closed{transform:rotate(-90deg)}.curriculum-lesson{border-radius:8px;margin:7px -1px 0 14px;padding:10px 10px 11px}.active-lesson{background:#fff;border:1px solid #dbe6ee;box-shadow:0 2px 4px #264a6903}.lesson-name{text-align:left;color:#7891a5;align-items:flex-start;gap:7px;width:100%;padding:0;font-size:10px;line-height:1.65;display:flex}.lesson-name>span{color:#a3b5c4;margin-top:1px;font-size:9px}.active-lesson .lesson-name{color:#496d8b;font-weight:550}.tiny-steps{flex-wrap:wrap;gap:4px;margin:9px 0 0 20px;display:flex}.tiny-steps>button{color:#9fb0c0;background:#e1e9f0;border:1px solid #d4e0ea;border-radius:3px;justify-content:center;align-items:center;width:18px;height:15px;padding:0;display:flex}.tiny-steps>button.done{color:#5f9474;background:#d5eadf;border-color:#bedbc9}.tiny-steps>button.current{background:#deebf4;border:1.5px solid #527891}.tiny-steps>button.locked{background:#eef2f6;border-color:#e1e8ee}.sidebar-score{color:#9b9379;border-top:1px solid #dce5ed;align-items:center;gap:10px;margin:23px 0 0;padding-top:19px;display:flex}.sidebar-score strong{color:#6e8294;font-size:11px;font-weight:550;display:block}.sidebar-score small{color:#9babb9;margin-top:1px;font-size:9px;display:block}.small-notice{color:#9ba8b3;margin-top:20px;font-size:10px}.lesson-main{min-width:0;padding:25px 49px 28px}.lesson-breadcrumb{color:#a2b0bd;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:26px;font-size:10px;line-height:1.7;display:flex}.lesson-breadcrumb strong{color:#839bad;font-weight:400}.lesson-workspace{background:#fff;border:1px solid #e1e8ee;border-radius:13px;max-width:900px;margin:auto;padding:29px 36px 0}.lesson-topline{border-bottom:1px solid #ecf1f5;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:23px;display:flex}.step-pills{flex-wrap:wrap;gap:7px;display:flex}.step-pills>button{color:#9badbc;background:#f5f8fa;border:1px solid #dde7ef;border-radius:5px;justify-content:center;align-items:center;width:34px;height:30px;font-size:11px;display:flex}.step-pills>button.current{color:#fff;background:#345e7a;border-color:#345e7a;box-shadow:0 2px 5px #325b7620}.step-pills>button.done{color:#659577;background:#eaf4ee;border-color:#cee3d6}.step-pills>button.done.current{border:1.5px solid #4e8e6b}.lesson-time{color:#9bafbc;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.lesson-kind{color:#8fa6b9;align-items:center;gap:14px;margin-bottom:9px;font-size:10px;font-weight:550;display:flex}.lesson-kind.kind-test{color:#8e81ae}.lesson-kind>span{color:#83a991;align-items:center;gap:4px;font-size:9px;display:flex}.lesson-title{letter-spacing:-.035em;margin-bottom:22px;font-size:28px;line-height:1.3}.prose{color:#6b7f91;overflow-wrap:anywhere;font-size:14px;line-height:1.9}.prose>p{white-space:pre-line;margin:0 0 19px}.prose h2{color:#36516b;margin:29px 0 13px;font-size:20px}.prose h3{color:#526d84;margin:25px 0 12px;font-size:16px}.prose ul,.prose ol{margin:0 0 22px;padding-left:25px}.prose li{margin-bottom:6px;padding-left:3px}.prose strong{color:#4c657c;font-weight:600}.prose p code,.prose li code{color:#597c99;background:#edf3f8;border:1px solid #e3edf4;border-radius:4px;padding:2px 5px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.prose a{color:#477ea4;text-decoration:underline}.prose blockquote{color:#6d8da6;background:#f1f6fa;border-left:3px solid #bad0e1;border-radius:0 6px 6px 0;margin:20px 0;padding:13px 17px;font-size:13px}.code-block{background:#f5f8fb;border:1px solid #e1e9f1;border-radius:9px;margin:21px 0 26px;overflow:hidden}.code-block>div{color:#8ca3b7;background:#edf3f8;border-bottom:1px solid #e0e9f1;justify-content:space-between;align-items:center;padding:7px 15px;font:9px ui-monospace,monospace;display:flex}.code-block>div span{color:#a5b5c2;font:9px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.code-block pre{color:#426885;margin:0;padding:16px 18px;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.lesson-video{aspect-ratio:16/9;background:#1d2c3b;border-radius:9px;width:100%;margin-bottom:25px;position:relative;overflow:hidden}.lesson-video iframe,.lesson-video video{border:0;width:100%;height:100%;display:block}.video-fallback{color:#b4c9dc;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.assignment{margin:23px 0 29px}.assignment-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.assignment-heading>span{color:#5b758c;font-size:13px;font-weight:600}.assignment-heading small{color:#9bafbc;font-size:10px}.quiz-options{border:0;flex-direction:column;gap:9px;margin:0;padding:0;display:flex}.quiz-options label{cursor:pointer;color:#7c92a5;border:1px solid #dde7ef;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:12px;transition:border-color .15s,background .15s;display:flex;position:relative}.quiz-options label:hover{background:#f8fafc;border-color:#bccfdd}.quiz-options label.selected{color:#4f7693;background:#f0f5fa;border-color:#89abc3}.quiz-options input{opacity:0;width:1px;height:1px;position:absolute}.quiz-options input:focus-visible+.radio-mark{outline-offset:4px;outline:2px solid #7ea4c0}.radio-mark{background:#fff;border:1.5px solid #c8d8e4;border-radius:50%;flex-shrink:0;width:17px;height:17px;display:block;position:relative}.quiz-options input:checked+.radio-mark{border-color:#6e97b5}.quiz-options input:checked+.radio-mark:after{content:"";background:#6e97b5;border-radius:50%;position:absolute;inset:3px}.assignment-actions{align-items:center;gap:17px;margin-top:18px;display:flex}.assignment-actions>span{color:#9aacb9;font-size:10px}.answer-result{color:#6b9d7d;background:#f0f8f3;border:1px solid #d0e6d9;border-radius:8px;align-items:flex-start;gap:10px;margin-top:18px;padding:15px 17px;display:flex}.answer-result strong{color:#548867;font-size:12px;font-weight:600}.answer-result p{color:#86a592;margin-top:4px;font-size:11px;line-height:1.8}.answer-result.incorrect{color:#b39862;background:#fcf7ed;border-color:#eadbbf}.answer-result.incorrect strong{color:#a38b59}.answer-result.incorrect p{color:#ac9b7e}.step-navigation{border-top:1px solid #ecf1f5;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:24px 0;display:flex}.step-navigation>span{color:#a0b0be;font-size:10px}.lesson-community{background:#fcfdfe;border-top:1px solid #e5edf3;border-radius:0 0 13px 13px;margin:4px -36px 0;padding:0 36px 26px}.tab-bar{border-bottom:1px solid #e0e8ee;gap:24px;display:flex}.tab-bar>button{color:#96a7b7;align-items:center;gap:7px;padding:16px 0;font-size:12px;display:flex;position:relative}.tab-bar>button.active{color:#466c8b;font-weight:550}.tab-bar>button.active:after{content:"";background:#5b829e;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-bar>button>span{color:#9dafbd;background:#edf2f7;border-radius:4px;padding:1px 5px;font-size:9px}.discussion{padding-top:21px}.discussion>form{text-align:right}.discussion>form .btn{margin-top:10px}.discussion-empty{color:#a0b1be;justify-content:center;align-items:center;gap:10px;padding:27px 20px 9px;font-size:11px;display:flex}.comment{border-top:1px solid #e8eef3;align-items:flex-start;gap:12px;margin-top:20px;padding:20px 0 0;display:flex}.comment>div{flex:1;min-width:0}.comment-meta{align-items:center;gap:12px;display:flex}.comment-meta strong{color:#7590a5;font-size:11px}.comment-meta time{color:#afbdc9;font-size:9px}.comment-meta>.icon-button{margin-left:auto}.comment p{color:#8a9faf;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.personal-notes{padding-top:21px}.personal-notes p{color:#92a4b3;margin-bottom:12px;font-size:11px}.personal-notes .btn{margin-top:12px}.course-complete{color:#5d9274;background:#ecf6f0;border:1px solid #d1e6d8;border-radius:10px;align-items:center;gap:17px;margin:25px 0;padding:23px;display:flex}.course-complete h2{color:#4f8565;font-size:18px}.course-complete p{color:#88a793;margin-top:7px;font-size:11px}.lesson-paywall{text-align:center;flex-direction:column;align-items:center;padding:42px 20px 68px;display:flex}.paywall-icon{color:#6b90ac;background:#ecf3f8;border-radius:18px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:19px;display:flex}.lesson-paywall h1{margin:14px 0;font-size:29px}.lesson-paywall p{color:#8ea3b4;max-width:430px;margin-bottom:24px;font-size:13px;line-height:1.8}.lesson-paywall>small{color:#a5b6c3;margin-top:14px;font-size:10px}.learning-footer{color:#a1b2c0;justify-content:center;align-items:center;gap:6px;margin:22px 0 0;font-size:10px;display:flex}.contents-mobile-button{display:none}.teacher-page .page-heading{margin-top:6px}.teacher-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:29px;display:grid}.teacher-stats>div{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{color:#7898b2;background:#edf3f9;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon.purple{color:#9b83b4;background:#f1eef8}.stat-icon.green{color:#79a18a;background:#eaf4ee}.stat-icon.amber{color:#b8a272;background:#faf3e7}.teacher-stats strong{color:#3f5b74;font-size:28px;font-weight:600;line-height:1.1;display:block}.teacher-stats div>div>span{color:#92a3b2;margin-top:6px;font-size:10px;display:block}.teacher-tabs{margin-bottom:22px}.teacher-filter{justify-content:space-between;align-items:center;gap:25px;margin-bottom:21px;display:flex}.teacher-filter .search-input{flex:initial;width:320px}.teacher-filter>span{color:#98a9b7;font-size:10px}.course-table{padding:0 23px;overflow:hidden}.course-table-head,.course-table-row{grid-template-columns:minmax(260px,1.6fr) minmax(120px,.7fr) 115px 139px;align-items:center;gap:24px;display:grid}.course-table-head{color:#9baab8;border-bottom:1px solid var(--line);min-height:46px;font-size:10px}.course-table-row{color:#8a9eae;border-bottom:1px solid #e9eff4;padding:18px 0;font-size:11px}.course-table-row:last-child{border-bottom:0}.table-course{align-items:center;gap:13px;display:flex}.table-course>div{min-width:0}.table-course button{color:#476780;text-align:left;padding:0;font-size:13px;font-weight:550;line-height:1.5}.table-course small{color:#a0b1be;margin-top:4px;font-size:9px;display:block}.status-badge{color:#98a8b6;white-space:nowrap;background:#f1f5f8;border:1px solid #e3ebf1;border-radius:5px;place-self:center start;align-items:center;gap:4px;padding:4px 8px;font-size:9px;font-weight:500;display:inline-flex}.status-badge.published{color:#6e9b80;background:#eef7f1;border-color:#d8eade}.status-badge.draft{color:#a79879;background:#fbf7ee;border-color:#eee5d5}.count-badge{color:#8fa1b0;background:#eef3f7;border-radius:5px;margin-left:7px;padding:2px 7px;font-size:10px;display:inline-block}.subscription-requests{margin-bottom:26px}.subscription-requests .section-title h2{font-size:18px}.request-row{border-top:1px solid #edf2f6;align-items:center;gap:13px;padding:15px 0;display:flex}.request-row>div{flex:1}.request-row strong{color:#6a869b;font-size:12px;font-weight:550}.request-row small{color:#9eb0bd;margin-top:4px;font-size:10px;display:block}.request-row time{color:#a3b1bd;white-space:nowrap;margin-right:15px;font-size:10px}.student-table{padding:5px 22px}.student-row{border-bottom:1px solid #e9eff4;grid-template-columns:37px minmax(170px,1.2fr) 98px minmax(180px,.8fr) 182px;align-items:center;gap:17px;padding:22px 0;display:grid}.student-row:last-child{border-bottom:0}.student-identity strong{color:#69859b;overflow-wrap:anywhere;font-size:12px;font-weight:550;display:block}.student-identity small{color:#a1b1be;overflow-wrap:anywhere;font-size:10px;display:block}.student-progress strong{color:#7993a7;font-size:11px;font-weight:500;display:block}.student-progress small{color:#a4b4c1;margin-top:3px;font-size:9px;display:block}.student-subscription small{color:#a4b4c1;margin-top:5px;font-size:9px;display:block}.student-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.student-actions .btn{min-height:28px;padding:5px 8px;font-size:9px}.danger{color:#b98082}.text-button.danger{font-size:9px;font-weight:400}.teacher-settings-grid{grid-template-columns:minmax(0,1fr) 370px;gap:25px;display:grid}.payment-setup{align-self:start;padding:29px}.payment-setup>h2{margin-top:20px;font-size:23px}.payment-setup>.status-badge{margin-top:12px}.payment-setup>p{color:#8ea3b4;margin:20px 0;font-size:12px;line-height:1.85}.payment-steps{flex-direction:column;gap:17px;margin:26px 0;display:flex}.payment-steps>div{align-items:flex-start;gap:10px;display:flex}.payment-steps span{color:#8ca4b8;background:#f0f5fa;border:1px solid #d8e4ed;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;display:flex}.payment-steps p{color:#91a6b7;font-size:11px;line-height:1.8}.form-input{color:#658198;background:#f9fbfd;border:1px solid #d9e4ed;border-radius:7px;outline:0;width:100%;padding:11px 12px;font-size:12px;line-height:1.7;display:block}.form-input:focus{background:#fff;border-color:#7ba3bf;box-shadow:0 0 0 3px #7ba3bf12}.form-input::placeholder{color:#a6b7c4}.field{color:#7b92a6;flex-direction:column;gap:7px;margin:19px 0;font-size:11px;font-weight:550;display:flex}.field>small{color:#a5b6c4;font-size:9px;font-weight:400;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid .field{margin-top:0}.info-box{color:#94aab9;background:#f3f8fb;border:1px solid #dce8f0;border-radius:8px;align-items:flex-start;gap:10px;padding:14px 15px;font-size:11px;line-height:1.8;display:flex}.info-box svg{color:#80a0b6;margin-top:2px}.info-box p{flex:1;min-width:0}.teacher-settings-grid form>.btn{margin-top:4px}.editor-page{padding-bottom:15px}.editor-toolbar{border-bottom:1px solid #e0e8ef;flex-wrap:wrap;align-items:center;gap:16px;padding:4px 0 21px;display:flex}.save-status{color:#a0b0bc;font-size:10px}.toolbar-actions{gap:9px;margin-left:auto;display:flex}.editor-heading{padding:27px 0 21px}.editor-heading h1{margin-top:8px;font-size:29px}.editor-heading p{color:#92a6b6;margin-top:10px;font-size:12px}.editor-tabs{margin-bottom:24px}.course-settings{grid-template-columns:minmax(0,1fr) 340px;gap:25px;max-width:1050px;display:grid}.course-settings .panel{padding:28px}.cover-settings{align-self:start}.cover-settings .course-art{border:1px solid #dfe8f0;border-radius:9px;height:180px;margin-top:22px}.cover-settings .art-terminal{top:45px}.cover-settings .info-box{margin-top:24px;font-size:10px}.rotate-right{transform:rotate(90deg)}.builder-layout{grid-template-columns:300px minmax(0,1fr);gap:26px;display:grid}.builder-sidebar{background:#fff;border:1px solid #dde7ef;border-radius:11px;align-self:start;max-height:calc(100vh - 125px);padding:20px 17px;position:sticky;top:103px;overflow-y:auto}.builder-title{margin-bottom:22px}.builder-title h2{font-size:17px}.builder-title small{color:#9bafbc;margin-top:4px;font-size:9px;display:block}.builder-module{border-top:1px solid #e9eff4;padding:17px 0 10px}.builder-module-name{align-items:center;gap:8px;display:flex}.builder-module-name>span{color:#a1b4c2;font-size:9px}.builder-module-name input{color:#627e95;background:0 0;border:0;outline:0;width:100%;padding:3px 0;font-size:11px;font-weight:600}.builder-module-name input:focus{background:#f1f6fa}.builder-module .icon-button{color:#b5c3ce;padding:4px}.builder-lesson{margin:13px 0 4px 12px}.builder-lesson-name{color:#9db0be;align-items:center;gap:7px;margin-bottom:8px;display:flex}.builder-lesson-name input{color:#8ca2b3;background:0 0;border:0;outline:0;width:100%;padding:4px 0;font-size:10px}.builder-step{text-align:left;color:#a0b2c1;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;width:100%;margin:3px 0;padding:8px 9px;font-size:10px;display:flex}.builder-step>span:first-child{background:#f5f8fb;border:1px solid #e1eaf1;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:16px;font-size:8px;display:flex}.builder-step>span:nth-child(2){overflow-wrap:anywhere;flex:1}.builder-step small{color:#b0bfcc;margin-left:auto;font-size:7px}.builder-step.active{color:#6c8fa9;background:#edf4f9;border-color:#d7e5ef}.builder-step.active>span:first-child{color:#fff;background:#779bb4;border-color:#779bb4}.add-tree-item{color:#91aabd;align-items:center;gap:5px;margin-left:7px;padding:8px 0;font-size:9px;display:flex}.add-tree-item:hover{color:#4b7c9e}.add-lesson{margin:8px 0 0 12px}.add-module{width:100%;margin-top:17px}.step-editor{min-width:0;padding:27px 30px}.step-editor-heading{border-bottom:1px solid #e6eef4;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;padding-bottom:21px;display:flex}.step-editor-heading h2{margin-top:7px;font-size:21px}.step-editor-heading .btn{font-size:10px}.step-editor .form-grid .field{margin-top:3px}.markdown-editor{font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.checkbox-field{color:#8da5b8;align-items:flex-start;gap:10px;margin:26px 0;font-size:11px;display:flex}.checkbox-field input{accent-color:#6f96b2;width:15px;height:15px;margin-top:2px}.checkbox-field strong{color:#6f8da5;font-size:11px;font-weight:550;display:block}.checkbox-field small{color:#a0b5c4;margin-top:3px;font-size:9px;display:block}.editor-order-tools{border-top:1px solid #e9eff4;flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px;padding-top:16px;display:flex}.editor-order-tools>span{color:#a2b5c3;margin-right:7px;font-size:10px}.editor-order-tools .danger{margin-left:auto}.editor-order-tools .btn{font-size:9px}.editor-preview{padding:6px 0 20px}.editor-preview>h1{margin-bottom:23px;font-size:27px}.editor-preview>.info-box{overflow-wrap:anywhere;margin-top:18px}.preview-options{flex-direction:column;gap:10px;display:flex}.preview-options>div{color:#8ba4b7;border:1px solid #e0e9f0;border-radius:7px;align-items:center;gap:12px;padding:13px;font-size:12px;display:flex}.toast{z-index:100;color:#618a72;background:#fff;border:1px solid #d7e5de;border-radius:10px;align-items:center;gap:10px;max-width:min(650px,100% - 28px);padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 7px 36px #20334820}.toast-error{color:#ac777a;border-color:#ebd1d3}.toast>button{color:#b4c0c9;justify-content:center;align-items:center;margin-left:8px;padding:4px;display:flex}.app-dialog{width:min(510px,100% - 32px);max-height:85vh;color:var(--ink);border:1px solid #dce6ee;border-radius:15px;margin:auto;padding:27px;overflow:auto;box-shadow:0 30px 80px #20334824}.app-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a2c405c}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;display:flex}.dialog-heading h2{font-size:21px}.profile-dialog-user{border-bottom:1px solid #e6edf3;align-items:center;gap:15px;padding:0 0 25px;display:flex}.profile-dialog-user>div{min-width:0}.profile-dialog-user strong{color:#58778f;overflow-wrap:anywhere;font-size:14px;display:block}.profile-dialog-user small{color:#a2b4c1;margin:3px 0 8px;font-size:11px;display:block}.profile-mode{border-bottom:1px solid #e6edf3;align-items:center;gap:20px;padding:21px 0;display:flex}.profile-mode strong{color:#7c96ab;font-size:12px;font-weight:550}.profile-mode p{color:#a0b3c2;margin-top:4px;font-size:10px}.toggle-switch{background:#d6e1ea;border-radius:12px;flex-shrink:0;width:39px;height:22px;padding:3px;position:relative}.toggle-switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.toggle-switch.on{background:#6e98b5}.toggle-switch.on span{transform:translate(17px)}.profile-links{flex-direction:column;gap:6px;margin-top:16px;display:flex}.profile-links>button,.profile-links>a{color:#8ca2b5;text-align:left;align-items:center;gap:10px;padding:10px 3px;font-size:12px;display:flex}.profile-links>button svg:last-child{color:#b1c0cd;margin-left:auto}.profile-links>button:hover{color:#3f718f}.profile-links>a{border-top:1px solid #e8eff5;margin-top:8px;padding-top:18px}.how-steps{flex-direction:column;gap:24px;margin:12px 0 30px;display:flex}.how-steps>div{align-items:flex-start;gap:17px;display:flex}.how-steps>div>span{color:#87a6bb;background:#edf4f9;border:1px solid #dae8f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:11px;display:flex}.how-steps h3{color:#6a889f;font-size:14px}.how-steps p{color:#9aafbe;margin-top:6px;font-size:11px;line-height:1.85}.subscription-order{background:#eff5f9;border:1px solid #dce8f1;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:18px 19px;display:flex}.subscription-order span{color:#80a0b7;font-size:12px}.subscription-order strong{color:#466f8c;letter-spacing:-.035em;font-size:23px}.dialog-text{color:#8ca7ba;margin:22px 0;font-size:12px;line-height:1.9}.app-dialog>.info-box{margin:20px 0 24px}@media (width>=1650px){.header-inner,.app-layout,.site-footer>div{max-width:1456px}.app-layout{gap:46px}.catalog-hero{min-height:324px;padding:36px}.hero-editor{width:355px;top:36px;right:31px}.hero-progress-badge{bottom:5px;right:20px}.hero-visual-spark{left:28px}.hero-copy h1{font-size:40px}.course-art{height:175px}.card-copy{padding:22px 23px 0}}@media (width<=1280px){.header-inner{gap:20px}.top-nav{gap:24px;margin-left:10px}.app-layout{grid-template-columns:190px minmax(0,1fr);gap:27px}.courses-grid{gap:16px}.hero-copy h1{font-size:32px}.catalog-hero{padding:27px 25px}.hero-editor{width:280px;top:40px;right:2px}.hero-editor-body{font-size:10px}.hero-editor-body .code-comment{font-size:8px}.hero-progress-badge{padding:11px 13px;right:-5px}.hero-progress-badge strong{font-size:10px}.hero-visual-spark{bottom:44px;left:0}.card-copy{padding:17px 16px 0}.card-title{font-size:16px}.card-meta{gap:10px}.card-copy>p{font-size:10px}.catalog-filter select{max-width:165px;font-size:10px}.detail-hero{grid-template-columns:230px 1fr;gap:21px;padding:21px}.detail-hero h1{font-size:26px}.course-detail-layout{grid-template-columns:minmax(0,1fr) 262px;gap:22px}.teacher-stats>div{gap:11px;padding:17px}.teacher-stats strong{font-size:25px}.teacher-stats div>div>span{font-size:9px}.student-row{grid-template-columns:34px minmax(145px,1fr) 90px 175px 155px;gap:13px}.course-table-head,.course-table-row{grid-template-columns:minmax(230px,1.4fr) minmax(100px,.6fr) 103px 131px;gap:18px}.lesson-main{padding-inline:32px}.lesson-workspace{padding-inline:30px}.lesson-community{margin-inline:-30px;padding-inline:30px}}@media (width<=1090px){.header-inner,.app-layout,.site-footer>div{width:calc(100% - 48px)}.header-inner{gap:20px}.top-nav{gap:19px;margin-left:5px}.top-nav button{font-size:12px}.brand strong{font-size:17px}.teacher-switch{padding:8px}.teacher-switch>span{display:none}.header-actions{gap:12px}.app-layout{grid-template-columns:178px minmax(0,1fr);gap:24px}.sidebar-group>button{padding:10px;font-size:11px}.sidebar-group.topics>button{font-size:10px}.sidebar-subscription{padding:16px 14px}.catalog-hero{grid-template-columns:1fr;padding:29px}.hero-visual{display:none}.hero-copy h1{font-size:35px}.hero-copy>p{font-size:12px}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.card-copy>p{font-size:11px}.card-title{font-size:18px}.catalog-subscription-banner{gap:18px;padding:22px}.catalog-subscription-banner h2{font-size:17px}.catalog-subscription-banner p{font-size:10px}.banner-symbol{border-radius:12px;width:48px;height:48px}.banner-symbol svg{width:28px}.catalog-subscription-banner>.btn{padding:9px 11px;font-size:10px}.free-preview-label{display:none}.catalog-filter{flex-wrap:wrap}.catalog-filter .search-input{flex-grow:1;flex-basis:100%}.catalog-filter select{flex:1;max-width:none;min-height:38px}.pricing-grid{gap:16px}.price-card{padding:25px 23px 20px}.price strong{font-size:33px}.trial-banner{flex-wrap:wrap;gap:13px}.trial-banner>.btn{margin-left:59px}.learning-stats{gap:12px}.learning-stats>div{flex-wrap:wrap;gap:8px;padding:17px}.learning-stats span{flex-basis:100%}.continue-banner{gap:20px;padding:22px}.continue-banner h2{font-size:20px}.continue-banner>.btn{font-size:11px}.detail-hero{grid-template-columns:1fr}.detail-hero .course-art{height:200px}.detail-hero .art-terminal{width:210px;top:38px}.detail-hero .art-code{font-size:93px;left:70px}.detail-hero .logic-path{inset:25px 50px}.detail-hero .cube-art{width:190px;height:190px;top:0;right:calc(50% - 95px)}.detail-hero .shield-art{top:56px}.detail-hero .exam-paper{top:42px;right:80px}.teacher-stats{gap:13px}.teacher-stats>div{flex-wrap:wrap;padding:18px}.teacher-stats .stat-icon{width:34px;height:34px}.teacher-stats div>div>span{font-size:10px}.teacher-settings-grid{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.student-row{grid-template-columns:34px minmax(135px,1fr) 80px 160px 150px;gap:12px}.student-identity strong{font-size:11px}.request-row time{display:none}.classroom{grid-template-columns:247px minmax(0,1fr)}.classroom-sidebar{padding-inline:18px}.classroom-sidebar>h2{font-size:18px}.lesson-main{padding:23px 25px}.lesson-workspace{padding:24px 26px 0}.lesson-community{margin-inline:-26px;padding-inline:26px}.lesson-title{font-size:25px}.prose{font-size:13px}.course-settings{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.builder-layout{grid-template-columns:270px minmax(0,1fr);gap:20px}.builder-sidebar{padding:19px 14px}.step-editor{padding:24px}.editor-order-tools .btn{padding:5px 8px}.course-table-head,.course-table-row{grid-template-columns:minmax(230px,1.4fr) minmax(100px,.6fr) 95px 125px;gap:14px}.course-table-row .btn{font-size:10px}.section-title h2{font-size:19px}}@media (width<=860px){.app-layout{width:calc(100% - 40px);padding-top:24px;display:block}.app-sidebar{display:none}.header-inner{width:calc(100% - 40px);height:73px}.brand-mark{border-radius:10px;width:37px;height:37px}.brand strong{font-size:16px}.brand small{font-size:9px}.brand-pro{padding:2px 4px;font-size:8px}.top-nav{gap:18px}.top-nav button{font-size:11px}.hero-visual{display:block}.catalog-hero{grid-template-columns:1fr .85fr;min-height:286px;padding:28px}.hero-copy h1{font-size:33px}.hero-copy>p{font-size:11px}.hero-editor{width:258px;top:42px}.hero-editor-body{padding:15px 12px;font-size:9px}.hero-editor-body>div{gap:9px}.hero-editor-body .code-comment{font-size:7px}.hero-progress-badge{font-size:9px;bottom:10px;right:-3px}.hero-progress-badge>span{width:27px;height:27px}.hero-progress-badge small{font-size:8px}.hero-brackets{font-size:62px;right:-8px}.hero-visual-spark{display:none}.courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card-copy{padding:17px 15px 0}.card-title{font-size:16px}.card-copy>p{font-size:10px}.card-meta{gap:9px;font-size:9px}.card-meta svg{width:12px}.card-bottom>span{font-size:8px}.text-button{font-size:9px}.course-art{height:146px}.art-terminal code{font-size:7px}.logic-path>div{padding:6px;font-size:8px}.logic-path>i{width:18px}.logic-path .diamond{width:38px;height:38px}.cube-art{width:150px;height:150px;right:calc(50% - 78px)}.exam-paper{width:151px;padding:12px 14px;right:18px}.exam-paper strong{font-size:20px}.catalog-filter{flex-wrap:nowrap}.catalog-filter .search-input{flex-basis:auto}.catalog-filter select{flex:initial;max-width:175px;font-size:10px}.site-footer>div{width:calc(100% - 40px)}.classroom{grid-template-columns:223px minmax(0,1fr)}.classroom-sidebar{height:calc(100vh - 73px);padding:23px 14px;top:73px}.lesson-main{padding:21px}.lesson-workspace{padding:21px 22px 0}.lesson-community{margin-inline:-22px;padding-inline:22px}.step-pills>button{width:29px;height:28px}.lesson-title{font-size:24px}.prose{font-size:12px}.code-block pre{font-size:11px}.step-navigation{gap:9px}.step-navigation .btn{padding:9px 10px;font-size:10px}.step-navigation>span{font-size:9px}.teacher-stats{grid-template-columns:repeat(2,1fr)}.teacher-stats>div{flex-wrap:nowrap;gap:15px}.teacher-stats .stat-icon{width:44px;height:44px}.course-table-head,.course-table-row{grid-template-columns:minmax(220px,1fr) 105px 125px;gap:16px}.course-table-head>span:nth-child(2),.course-table-row>span:nth-child(2){display:none}.student-row{grid-template-columns:34px minmax(150px,1fr) 165px;gap:14px}.student-progress{display:none}.student-actions{grid-column:2/4;justify-content:flex-start;margin-top:0}.teacher-settings-grid{grid-template-columns:1fr}.course-settings{grid-template-columns:1fr 270px}.course-settings .panel{padding:23px}.cover-settings .course-art{height:158px}.save-status{display:none}.toolbar-actions .btn{padding:9px 12px;font-size:10px}.builder-layout{grid-template-columns:238px minmax(0,1fr);gap:18px}.builder-sidebar{padding:17px 12px;top:93px}.builder-step small{display:none}.step-editor{padding:22px}.step-editor-heading{flex-wrap:wrap}.step-editor-heading h2{font-size:19px}.editor-order-tools>span{margin-right:0}.course-detail-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.course-access-card{padding:20px;top:97px}.detail-hero{padding:21px}.detail-hero h1{font-size:25px}.course-program{padding:20px}.course-program .section-title{flex-wrap:wrap}.course-benefits{gap:10px}.course-benefits h3{font-size:12px}.course-benefits p{font-size:10px}.subscription-page{max-width:780px;margin:auto}.student-mode-bar{padding:8px 20px}}@media (width<=680px){.header-inner{gap:12px;width:calc(100% - 32px);height:69px}.top-nav,.teacher-switch,.profile-button>svg{display:none}.header-actions{gap:11px}.avatar{width:33px;height:33px;font-size:12px}.mobile-menu-toggle{display:flex}.mobile-navigation{z-index:35;background:#fff;border-bottom:1px solid #d9e5ee;flex-direction:column;max-height:calc(100vh - 69px);padding:15px 20px 20px;display:flex;position:fixed;top:69px;left:0;right:0;overflow:auto;box-shadow:0 15px 30px #243d5715}.mobile-navigation button{text-align:left;color:#738c9f;align-items:center;gap:9px;padding:10px 6px;font-size:12px;display:flex}.mobile-navigation>span{letter-spacing:.08em;color:#a4b4c1;border-top:1px solid #eaf0f5;margin-top:7px;padding:13px 6px 5px;font-size:9px}.app-layout{width:calc(100% - 32px);padding-top:21px;padding-bottom:29px}.breadcrumb{margin-bottom:17px;font-size:10px}.catalog-hero{border-radius:13px;min-height:0;padding:26px 24px;display:block}.hero-visual{display:none}.hero-eyebrow{font-size:8px}.hero-copy h1{margin-top:15px;font-size:32px}.hero-copy>p{margin-top:14px;font-size:11px}.hero-actions{gap:18px;margin-top:21px}.hero-footnote{margin-top:17px;font-size:9px}.hero-secondary{font-size:10px}.hero-actions .btn{padding:10px 14px;font-size:11px}.catalog-section{padding-top:27px}.section-title{margin-bottom:18px}.section-title h2{font-size:20px;line-height:1.35}.section-title p{margin-top:5px;font-size:10px}.catalog-filter{flex-wrap:wrap;gap:9px}.catalog-filter .search-input{flex-basis:100%}.catalog-filter select{flex:1;max-width:none;min-height:37px;padding:7px 9px;font-size:10px}.catalog-chips{gap:6px;margin:0 0 20px}.catalog-chips button{padding:5px 8px;font-size:8px}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-art{height:145px}.card-copy{padding:16px 14px 0}.card-title{font-size:16px}.card-copy>p{min-height:54px;font-size:10px}.card-meta{gap:8px;margin:15px 0}.card-meta>span{font-size:9px}.card-bottom{gap:5px;min-height:47px;padding:11px 0}.card-bottom>span{font-size:8px}.text-button{gap:4px;font-size:9px}.text-button svg{width:13px}.art-terminal{width:68%;top:34px;right:12px}.art-code{font-size:56px;left:11px}.art-terminal code{padding:10px 9px;font-size:7px}.art-terminal small{font-size:6px}.art-badge{font-size:8px;top:10px;left:10px}.logic-path{inset:30px 9px 0}.logic-path>div{padding:6px;font-size:7px}.logic-path>i{width:18px}.logic-path .diamond{width:35px;height:35px;margin-inline:4px}.diamond span{font-size:7px}.art-formula{font-size:9px;top:23px;right:14px}.art-terminal em{font-size:6px}.exam-paper{width:140px;padding:10px 12px;top:33px;right:15px}.exam-paper strong{font-size:19px}.exam-paper>div{font-size:7px}.shield-art{top:32px;left:calc(50% - 36px)}.shield-art>svg{width:72px;height:72px}.security-lock{padding:4px 7px;font-size:10px;bottom:15px;right:9px}.security-lock svg{width:16px}.security-spark{font-size:21px;right:19px}.cube-art{width:141px;height:141px;top:0;right:calc(50% - 68px)}.catalog-subscription-banner{flex-wrap:wrap;gap:14px;margin-top:28px;padding:23px 21px}.banner-symbol{width:43px;height:43px}.catalog-subscription-banner>div:nth-child(2){flex:1}.catalog-subscription-banner h2{font-size:17px}.catalog-subscription-banner p{margin-top:6px;font-size:10px}.catalog-subscription-banner>.btn{margin-left:57px;padding:10px 14px;font-size:11px}.site-footer>div{flex-wrap:wrap;gap:7px;width:calc(100% - 32px);min-height:75px;padding:15px 0;font-size:9px}.site-footer>div>span:nth-child(2){display:none}.site-footer button{font-size:9px}.page-heading{align-items:flex-start;margin:8px 0 23px}.page-heading h1{font-size:28px}.page-heading p{margin-top:8px;font-size:11px;line-height:1.8}.page-heading>.btn{white-space:nowrap;min-height:38px;padding:9px 11px;font-size:10px}.learning-stats{gap:9px;margin-bottom:19px}.learning-stats>div{gap:7px;padding:14px 13px}.learning-stats svg{width:16px}.learning-stats strong{font-size:24px}.learning-stats span{font-size:9px;line-height:1.5}.continue-banner{padding:23px;display:block}.continue-banner h2{font-size:21px}.continue-banner .progress-track{width:100%}.continue-banner>.btn{margin-top:19px}.learning-filter button{font-size:10px}.learning-empty{padding:46px 23px}.subscription-heading{padding:15px 0 27px}.subscription-heading h1{font-size:35px}.subscription-heading p{font-size:11px}.pricing-grid{gap:15px}.price-card{padding:25px 20px 19px}.price-card h2{font-size:23px}.price-card>p{font-size:10px}.price{flex-wrap:wrap;gap:6px;margin:23px 0 21px}.price strong{font-size:31px}.price>span{font-size:10px}.price-card li{align-items:flex-start;gap:7px;font-size:10px}.price-card li svg{width:15px}.price-card .btn{padding:10px;font-size:10px}.price-recommended{padding:4px 8px;font-size:8px;right:14px}.price-label,.price-card>small{font-size:8px}.trial-banner{gap:12px;padding:20px}.trial-banner>div:nth-child(2){flex:1}.trial-banner h2{font-size:15px}.trial-banner p{font-size:10px;line-height:1.8}.trial-banner>.btn{margin-left:58px;font-size:10px}.subscription-smallprint{margin-bottom:31px;font-size:9px}.subscription-faq>h2{margin-bottom:18px;font-size:21px}.faq-item>button{padding-block:16px;font-size:11px}.active-subscription{flex-wrap:wrap;padding:16px}.active-subscription>.btn{margin-left:34px}.active-subscription strong{font-size:12px}.course-detail-layout{flex-direction:column;display:flex}.course-access-card{order:-1;width:100%;padding:23px;display:none;position:static}.detail-hero{padding:21px;display:block}.detail-hero .course-art{height:185px;margin-bottom:24px}.detail-hero h1{margin-top:8px;font-size:27px}.detail-hero p{font-size:11px}.detail-meta{gap:12px;font-size:10px}.detail-author{margin-top:19px;padding-top:15px}.course-program{padding:20px}.course-program .section-title{gap:10px}.outline-module>summary{gap:9px;padding:14px 12px}.outline-module>summary strong{font-size:11px}.outline-module>summary small{font-size:9px}.outline-lesson{padding:15px 13px}.outline-lesson h3{font-size:11px}.outline-step{gap:7px;padding:8px 5px;font-size:10px}.outline-step small{font-size:7px}.course-benefits{grid-template-columns:1fr;gap:18px;margin-top:24px}.course-benefits>div{grid-template-columns:28px 1fr;column-gap:11px;padding:0 7px;display:grid}.course-benefits svg{grid-row:1/3;width:22px}.course-benefits h3{margin-top:0;font-size:13px}.course-benefits p{margin-top:5px;font-size:10px}.detail-hero:after{content:none}.classroom{display:block}.classroom-sidebar{border-bottom:1px solid #d6e3ed;border-right:0;height:auto;max-height:65vh;padding:21px 24px;display:none;position:relative;top:0}.classroom-sidebar.contents-open{display:block}.classroom-sidebar>.course-symbol{display:none}.classroom-sidebar>h2{margin-top:18px}.lesson-main{padding:17px 16px 24px}.contents-mobile-button{color:#7392aa;align-items:center;gap:9px;width:100%;margin-bottom:11px;padding:9px 0;font-size:11px;display:flex}.contents-mobile-button svg:last-child{margin-left:auto}.lesson-breadcrumb{margin-bottom:18px;font-size:9px}.lesson-workspace{border-radius:11px;padding:21px 21px 0}.lesson-topline{gap:12px;margin-bottom:20px;padding-bottom:19px}.step-pills{gap:5px}.step-pills>button{width:29px;height:28px;font-size:10px}.lesson-time{gap:4px;font-size:9px}.lesson-title{margin-bottom:19px;font-size:25px}.prose{font-size:13px;line-height:1.85}.prose h2{margin-top:24px;font-size:18px}.prose h3{font-size:15px}.prose>p{margin-bottom:17px}.code-block pre{padding:14px 15px;font-size:11px}.quiz-options label{gap:10px;padding:13px;font-size:11px}.assignment-heading>span{font-size:12px}.assignment-heading small{font-size:9px}.assignment-actions{gap:13px}.assignment-actions .btn{font-size:11px}.answer-result{padding:13px}.step-navigation{flex-wrap:wrap;gap:9px;margin-top:26px;padding:23px 0}.step-navigation>span{text-align:center;flex-basis:100%;order:3;margin-top:5px;font-size:9px}.step-navigation>.btn{min-height:38px;padding:10px 13px;font-size:10px}.lesson-community{margin-inline:-21px;padding:0 21px 23px}.lesson-community .tab-bar{gap:21px}.lesson-community .tab-bar>button{font-size:11px}.discussion-empty{align-items:flex-start;padding:23px 0 5px;font-size:10px}.course-complete{gap:13px;padding:19px}.course-complete>svg{width:29px}.course-complete h2{font-size:16px}.course-complete p{font-size:10px}.lesson-paywall{padding:32px 0 49px}.lesson-paywall h1{font-size:24px}.lesson-paywall p{font-size:12px}.teacher-page .page-heading{flex-wrap:wrap;gap:16px}.teacher-page .page-heading h1{font-size:27px}.teacher-page .page-heading>.btn{font-size:11px}.teacher-stats{gap:11px;margin-bottom:22px}.teacher-stats>div{gap:12px;padding:17px 15px}.teacher-stats .stat-icon{border-radius:9px;width:35px;height:35px}.teacher-stats .stat-icon svg{width:17px}.teacher-stats strong{font-size:25px}.teacher-stats div>div>span{margin-top:4px;font-size:9px}.teacher-tabs{gap:22px;margin-bottom:19px}.teacher-tabs>button{gap:5px;font-size:10px}.teacher-tabs svg{width:15px}.teacher-filter{gap:12px;margin-bottom:17px}.teacher-filter .search-input{flex:1;width:100%}.teacher-filter>span{display:none}.course-table{padding:0 18px}.course-table-head{display:none}.course-table-row{flex-wrap:wrap;gap:13px;padding:19px 0;display:flex}.table-course{gap:12px;width:100%}.table-course .course-symbol{width:38px;height:38px}.table-course button{font-size:12px}.course-table-row>.status-badge{margin-left:50px}.course-table-row>.btn{min-height:30px;margin-left:auto;padding:5px 9px;font-size:9px}.subscription-requests{padding:19px 18px}.subscription-requests .section-title{flex-wrap:wrap;gap:8px}.subscription-requests .section-title h2{font-size:18px}.subscription-requests .section-title .muted{font-size:10px}.request-row{flex-wrap:wrap;gap:10px}.request-row>div{flex-basis:calc(100% - 42px)}.request-row .btn.secondary{margin-left:42px}.request-row .btn{font-size:10px}.student-table{padding:0 17px}.student-row{grid-template-columns:33px minmax(0,1fr);gap:10px 12px;padding:19px 0}.student-subscription,.student-actions{grid-column:2;margin-top:4px}.student-actions .btn{font-size:9px}.student-identity strong{font-size:12px}.student-identity small{font-size:10px}.teacher-settings-grid .panel{padding:22px}.teacher-settings-grid .panel>h2{font-size:20px}.form-grid{gap:15px}.panel-subtitle{margin-bottom:21px;font-size:11px}.form-input{padding:10px 11px;font-size:12px}.field{margin:18px 0;font-size:10px}.editor-toolbar{gap:10px;padding-bottom:18px}.editor-toolbar .back-link{font-size:10px}.toolbar-actions{flex-wrap:wrap;width:100%;margin-top:5px;margin-left:0}.toolbar-actions .btn{padding:9px 11px;font-size:10px}.editor-heading{padding:24px 0 18px}.editor-heading h1{font-size:26px}.editor-heading p{font-size:11px}.editor-tabs{gap:22px}.editor-tabs>button{font-size:11px}.course-settings{grid-template-columns:1fr}.course-settings .panel{padding:23px}.cover-settings .course-art{height:185px}.builder-layout{display:block}.builder-sidebar{max-height:330px;margin-bottom:21px;padding:21px;position:relative;top:0}.builder-title{margin-bottom:14px}.builder-module-name input{font-size:12px}.builder-lesson-name input,.builder-step{font-size:11px}.builder-step small{font-size:8px;display:block}.add-tree-item{padding:9px 0;font-size:10px}.step-editor{padding:23px 21px}.step-editor-heading{gap:13px;padding-bottom:18px}.step-editor-heading h2{font-size:21px}.step-editor-heading .btn{padding:9px 12px;font-size:10px}.editor-order-tools{gap:7px}.editor-order-tools>span,.editor-order-tools .btn{font-size:9px}.editor-preview>h1{font-size:24px}.app-dialog{width:calc(100% - 32px);padding:23px}.dialog-heading h2{font-size:20px}.toast{padding:12px 14px;font-size:11px;bottom:19px}.student-mode-bar{gap:6px;padding:8px 16px;font-size:9px}.student-mode-bar button{text-align:right;max-width:175px;font-size:9px}.student-mode-bar button svg{width:12px}.learning-footer{font-size:9px}}@media (width<=430px){.courses-grid{grid-template-columns:1fr;gap:19px}.course-art{height:169px}.card-copy{padding:20px 21px 0}.card-title{min-height:0;margin-bottom:11px;font-size:20px}.card-copy>p{-webkit-line-clamp:2;min-height:0;font-size:12px}.card-meta{gap:20px;margin:19px 0;font-size:11px}.card-meta>span{font-size:10px}.card-meta svg{width:14px}.card-bottom{padding:13px 0}.card-bottom>span{font-size:10px}.text-button{gap:7px;font-size:11px}.text-button svg{width:16px}.topic-label{font-size:10px}.art-terminal{width:62%;top:36px;right:31px}.art-terminal code{padding:15px 12px;font-size:10px}.art-terminal small{font-size:9px}.art-terminal em{font-size:8px}.art-terminal>span{height:26px}.art-code{font-size:76px;bottom:20px;left:23px}.art-badge{font-size:9px;top:13px;left:15px}.logic-path{inset:35px 34px 0}.logic-path>div{padding:8px 11px;font-size:10px}.logic-path>i{width:30px}.logic-path .diamond{width:48px;height:48px;margin-inline:7px}.diamond span{font-size:9px}.art-formula{font-size:12px;top:28px;right:25px}.cube-art{width:163px;height:163px;top:3px;right:calc(50% - 82px)}.exam-paper{width:186px;padding:15px 20px;top:33px;right:40px}.exam-paper strong{font-size:23px}.exam-paper>div{font-size:9px}.shield-art{top:40px;left:calc(50% - 42px)}.shield-art>svg{width:84px;height:84px}.security-lock{padding:6px 10px;font-size:12px;bottom:20px;right:29px}.security-spark{font-size:26px;right:38px}.catalog-hero{padding:25px 21px}.hero-copy h1{font-size:31px}.hero-copy>p{font-size:11px}.hero-actions{gap:15px}.hero-secondary{font-size:9px}.hero-footnote{font-size:8px}.catalog-subscription-banner>.btn{width:100%;margin-left:0}.catalog-subscription-banner h2{font-size:16px}.pricing-grid{grid-template-columns:1fr;gap:27px}.price-card{padding:28px 27px 23px}.price-card h2{font-size:26px}.price-card>p{max-width:none;font-size:12px}.price strong{font-size:39px}.price>span{font-size:12px}.price-card li{gap:9px;font-size:12px}.price-card li svg{width:16px}.price-card .btn{padding:11px;font-size:12px}.price-card>small{font-size:10px}.price-recommended{font-size:9px;right:20px}.price-label{font-size:9px}.trial-banner>.btn{width:100%;margin-left:0}.subscription-heading h1{font-size:34px}.trial-banner>div:nth-child(2){flex-basis:calc(100% - 60px)}.trial-banner p{font-size:10px}.page-heading h1{font-size:26px}.learning-stats>div{gap:7px;padding:14px 11px}.learning-stats svg{width:15px}.learning-stats strong{font-size:21px}.learning-stats span{font-size:8px}.card-progress>span{font-size:11px}.card-progress{margin-bottom:20px}.classroom-sidebar>h2{font-size:19px}.lesson-workspace{padding:19px 18px 0}.lesson-community{margin-inline:-18px;padding-inline:18px}.lesson-title{font-size:23px}.prose{font-size:12px}.lesson-time{font-size:8px}.step-pills{gap:5px}.step-pills>button{width:26px;height:27px}.lesson-topline{gap:7px}.assignment-heading small{font-size:8px}.step-navigation .btn{padding:10px;font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid>.field{margin-bottom:17px}.editor-order-tools{gap:6px}.teacher-stats{gap:10px}.teacher-stats>div{gap:10px;padding:16px 13px}.teacher-stats .stat-icon{width:31px;height:31px}.teacher-stats div>div>span{font-size:8px}.teacher-stats strong{font-size:23px}.teacher-tabs{gap:16px}.teacher-tabs>button{font-size:10px}.teacher-tabs>button svg{width:14px}.outline-module>summary strong{font-size:11px}.outline-module>summary small{display:none}.profile-dialog-user strong{font-size:13px}.profile-dialog-user small{font-size:10px}.subscription-order{padding:15px}.subscription-order span{font-size:11px}.subscription-order strong{font-size:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.course-card:hover{transform:none}}.detail-mobile-actions{display:none}@media (width<=680px){.detail-mobile-actions{flex-direction:column;gap:10px;margin-top:22px;display:flex}}.startup-error{text-align:center;max-width:560px;margin:15vh auto;padding:32px}.startup-error p{color:var(--muted);margin:18px 0}.auth-page{background:radial-gradient(ellipse at 12% 42%,#e7f0f7 0,transparent 55%),var(--canvas);flex-direction:column;min-height:100vh;display:flex}.auth-header{justify-content:space-between;align-items:center;width:calc(100% - 64px);max-width:1180px;margin:0 auto;padding:28px 0;display:flex}.auth-back{color:#63798b;align-items:center;gap:7px;font-size:13px;display:flex}.auth-back:hover{color:var(--primary)}.auth-layout{grid-template-columns:1fr 440px;align-items:center;gap:90px;width:calc(100% - 64px);max-width:1050px;margin:auto;padding:46px 0 64px;display:grid}.auth-story h1{letter-spacing:-.05em;color:#233e52;margin:22px 0;font-size:52px;line-height:1.1}.auth-story>p{color:#678092;max-width:355px;font-size:14px;line-height:1.8}.auth-lesson-card{background:#ffffffb8;border:1px solid #d7e3ec;border-radius:13px;align-items:center;gap:15px;max-width:380px;margin:32px 0;padding:19px;display:flex;box-shadow:0 8px 20px #294b6505}.auth-lesson-icon{color:#417191;background:#e7f1f8;border-radius:10px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.auth-lesson-card small{letter-spacing:.07em;color:#6d92ab;font-size:9px;font-weight:650;display:block}.auth-lesson-card strong{margin:5px 0;font-size:14px;display:block}.auth-lesson-card span{color:#748b9e;font-size:10px}.auth-lesson-card>svg{color:#5c967d;flex-shrink:0;margin-left:auto}.auth-features{gap:17px;display:grid}.auth-features>div{color:#657e91;align-items:center;gap:12px;font-size:12px;display:flex}.auth-features svg{color:#6a93ac}.auth-card{background:#fff;border:1px solid #dce6ee;border-radius:18px;min-width:0;padding:34px 35px;box-shadow:0 16px 60px #23486108}.auth-card-icon{color:#4d758e;background:#edf3f7;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:19px;display:grid}.auth-card h2{letter-spacing:-.03em;font-size:28px;line-height:1.15}.auth-description{color:#778b9d;margin-top:11px;margin-bottom:26px;font-size:13px;line-height:1.8}.auth-field{color:#3e566b;gap:9px;margin:20px 0 0;font-size:12px}.auth-input{color:#8a9baa;background:#fcfdfe;border:1px solid #d6e1ea;border-radius:8px;align-items:center;gap:10px;min-height:47px;padding:12px 13px;display:flex}.auth-input:focus-within{border-color:#658fa9;box-shadow:0 0 0 3px #e8f1f8}.auth-input input{color:#2b465a;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:14px;line-height:1.5}.auth-input input::placeholder{color:#a2afba}.auth-input button{color:#8498a7;place-items:center;padding:0;display:grid}.auth-input>svg{flex-shrink:0}.auth-forgot{color:#6f889a;justify-content:flex-end;margin:13px 0 0;font-size:11px;display:flex}.auth-forgot a{color:#427190}.auth-helper{color:#8092a1;margin-top:9px;font-size:11px;line-height:1.7}.auth-submit{min-height:47px;margin-top:23px;font-size:13px}.auth-signup-note{text-align:center;margin-top:14px}.auth-switch{color:#8795a2;text-align:center;border-top:1px solid #edf1f5;margin-top:26px;padding-top:23px;font-size:12px}.auth-switch a{color:#3c6b88;margin-left:5px;font-weight:600}.auth-alert{overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:9px;margin:15px 0;padding:13px 14px;font-size:12px;line-height:1.7;display:flex}.auth-alert svg{flex-shrink:0;margin-top:1px}.auth-alert.error{color:#9e5044;background:#fff1ed;border:1px solid #f2d9d2}.auth-alert.success{color:#4b7c61;background:#edf7f0;border:1px solid #d1e8d8}.auth-mail-state{text-align:center;color:#6e899d;padding-top:8px}.auth-mail-state>svg{margin:10px auto 15px}.auth-mail-state strong{overflow-wrap:anywhere;font-size:15px;display:block}.auth-mail-state p{margin:14px 0 24px;font-size:12px;line-height:1.8}.auth-mail-state .text-button{margin:17px auto 0;font-size:12px}.auth-finished{margin-top:23px}.auth-footer{text-align:center;color:#95a6b4;padding:15px 24px 25px;font-size:11px}@media (width<=1050px){.auth-layout{grid-template-columns:1fr 420px;gap:45px;max-width:900px}.auth-story h1{font-size:44px}.auth-lesson-card{padding:16px}}@media (width<=760px){.auth-header{width:calc(100% - 40px);padding:20px 0}.auth-header .brand strong{font-size:18px}.auth-header .brand small{font-size:9px}.auth-back{font-size:11px}.auth-layout{width:calc(100% - 32px);max-width:440px;padding:25px 0 40px;display:block}.auth-story{display:none}.auth-card{border-radius:15px;padding:28px 26px}.auth-card h2{font-size:27px}.auth-input input{font-size:16px}.auth-description{font-size:12px}.auth-footer{font-size:10px}}