:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#20362d;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}button{border:0}.student-app{min-height:100vh}.brand-symbol{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:13px;background:#174938;color:#fff;font-weight:800;font-size:22px;box-shadow:0 5px 15px #17493828}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#719284;font-size:11px;font-weight:800;letter-spacing:2px}.eyebrow.light{color:#c4e6cd}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:0 21px;border-radius:11px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:#173f32;color:#fff}.button.dark:hover{background:#245d46}.button.warm{background:#ffcf86;color:#24392c}.button.full{width:100%;justify-content:space-between}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#597364;font-weight:600}.site-header{height:76px;background:#fff;border-bottom:1px solid #e9eee8;position:sticky;top:0;z-index:20}.header-inner{max-width:1280px;height:100%;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.header-brand,.login-brand{display:flex;align-items:center;gap:12px;color:#1a4032;background:none;text-align:left;padding:0}.header-brand span,.login-brand>div:last-child{display:flex;flex-direction:column}.header-brand strong,.login-brand strong{font-size:18px;letter-spacing:1px}.header-brand small,.login-brand small{color:#88a093;font-size:10px;letter-spacing:2px}.desktop-nav{display:flex;height:100%;align-items:center;gap:36px}.desktop-nav button{height:100%;padding:0 3px;color:#697c71;background:none;font-size:14px;font-weight:600;position:relative}.desktop-nav button.selected,.desktop-nav button:hover{color:#174938}.desktop-nav button.selected:after{content:"";position:absolute;height:3px;background:#174938;bottom:0;left:0;right:0;border-radius:3px}.header-actions{display:flex;align-items:center;gap:20px}.class-tag{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#eff7ee;border-radius:30px;color:#48785e;font-size:12px;font-weight:700}.profile-button{display:flex;align-items:center;gap:9px;background:none;color:#2e4b3b}.profile-button span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9efe7;color:#47725b;font-weight:700}.profile-button strong{font-size:13px}.profile-menu{position:absolute;right:max(28px,calc((100vw - 1280px)/2 + 32px));top:69px;background:#fff;box-shadow:0 16px 45px #153c2720;border:1px solid #ebefea;border-radius:12px;padding:12px;width:190px;color:#798a7c;font-size:12px}.profile-menu>div{padding:8px}.profile-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 8px;background:none;color:#365444;text-align:left;border-radius:7px}.profile-menu button:hover{background:#f4f8f3}.page-content{max-width:1280px;margin:auto;padding:32px 32px 80px;min-height:calc(100vh - 148px)}.error-banner{display:flex;align-items:center;gap:10px;background:#fff2e9;color:#a95537;border:1px solid #f6dcc8;padding:13px 16px;margin-bottom:20px;border-radius:10px;font-size:13px}.error-banner button{margin-left:auto;background:none;color:inherit}.welcome-hero{min-height:337px;background:#174b39;border-radius:23px;color:#fff;display:flex;position:relative;overflow:hidden;padding:44px 60px}.welcome-hero:after{content:"";position:absolute;width:390px;height:390px;border:1px solid #ffffff16;border-radius:50%;right:-80px;top:-110px}.welcome-copy{z-index:1;max-width:520px}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:#ffffff21;border:1px solid #ffffff27;border-radius:20px;color:#e2f4e9;padding:7px 12px;font-size:11px;font-weight:700}.greeting{margin:23px 0 5px;color:#e7f5e7;font-weight:600}.welcome-copy h1{font-size:38px;line-height:1.25;letter-spacing:1px;margin-bottom:13px}.hero-desc{font-size:13px;color:#cde4d4;line-height:1.8;margin-bottom:24px}.hero-visual{position:absolute;top:0;right:0;bottom:0;left:53%;display:grid;place-items:center}.visual-halo{width:260px;height:260px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff24;box-shadow:0 0 0 34px #ffffff08,0 0 0 72px #ffffff05}.visual-book{position:absolute;width:185px;height:176px;border-radius:17px 24px 24px 17px;background:#f8e5b2;transform:rotate(-12deg);box-shadow:17px 17px #eabd73,25px 25px 34px #092d255c;display:grid;place-items:center}.book-spine{position:absolute;left:17px;top:0;bottom:0;width:6px;background:#ebcd90}.visual-book>span{display:grid;place-items:center;width:67px;height:67px;border-radius:50%;background:#e7ba70;color:#154a38}.book-lines{position:absolute;bottom:22px;left:50px;right:26px;display:grid;gap:6px}.book-lines i{height:3px;background:#daae70;border-radius:10px}.book-lines i:last-child{width:55%}.visual-note{position:absolute;display:flex;align-items:center;gap:7px;padding:10px 12px;background:#fff;color:#325640;font-size:12px;font-weight:700;border-radius:10px;box-shadow:0 9px 30px #092b2555}.visual-note svg{color:#5da879}.note-top{top:54px;right:62px}.note-bottom{bottom:52px;left:33px}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 24px}.stat-card,.section-card,.course-card{background:#fff;border:1px solid #e9eee9;border-radius:16px;box-shadow:0 5px 24px #12352505}.stat-card{padding:20px;display:flex;align-items:center;gap:15px}.stat-icon,.detail-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px}.stat-icon.green,.detail-icon{background:#e7f4e9;color:#3a8c5f}.stat-icon.orange,.detail-icon.orange{background:#fff1dc;color:#d8943c}.stat-icon.blue,.detail-icon.blue{background:#e5f0fa;color:#5190c1}.stat-icon.purple{background:#efe9f9;color:#8b70b2}.stat-card>div:last-child{display:flex;flex-direction:column;gap:2px}.stat-card span{font-size:12px;color:#8a9a8f}.stat-card strong{font-size:25px;letter-spacing:-1px}.stat-card small{font-size:12px;margin-left:3px;letter-spacing:0}.home-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.section-card{padding:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.section-head h2{font-size:19px;margin:5px 0 4px}.section-head p{font-size:12px;color:#8b9a90;margin:0}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;color:#367956;font-weight:700;font-size:12px;white-space:nowrap}.featured-course{display:flex;gap:23px}.featured-art,.course-art{position:relative;overflow:hidden;display:grid;place-items:center;color:#2b6b53}.featured-art{width:36%;min-height:230px;border-radius:13px}.mint{background:#dcefe2;color:#3f9567}.peach{background:#fbe8db;color:#c67d5a}.blue{background:#dfeef5;color:#4a8baa}.violet{background:#ebe6f5;color:#8d78b6}.sand{background:#f3e9d4;color:#aa8850}.art-circle,.course-art-circle{position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff5c;right:-80px;top:-50px}.featured-art svg,.course-art>svg{z-index:1;filter:drop-shadow(8px 10px 0 #ffffff70)}.featured-info{flex:1;min-width:0}.course-category{display:inline-block;color:#44815d;background:#edf7ed;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700}.featured-info h3{font-size:18px;margin:10px 0 7px}.featured-info p,.course-card-body p{font-size:12px;color:#8b9990;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-meta,.course-meta{display:flex;gap:15px;color:#85938b;font-size:11px}.featured-meta span,.course-meta span{display:flex;align-items:center;gap:5px}.bar-info{display:flex;justify-content:space-between;margin:15px 0 7px;color:#88998c;font-size:11px}.bar-info b{color:#3c835a}.progress-bar{height:6px;background:#ebf0e9;border-radius:10px;overflow:hidden}.progress-bar i{display:block;height:100%;background:#5ca775;border-radius:10px;transition:width .25s}.featured-info>.button{margin-top:16px;min-height:38px;font-size:12px}.plan-progress{display:flex;align-items:center;justify-content:center;gap:25px;padding:3px 0 21px;border-bottom:1px solid #eef1ed}.percent-ring{display:grid;place-items:center;flex:none;border-radius:50%;background:conic-gradient(#62ab78 var(--value),#ebf2e9 0)}.percent-ring>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:76%;height:76%;border-radius:50%;background:#fff}.percent-ring strong{font-size:23px}.percent-ring small{font-size:10px;color:#8ea092}.plan-progress>div:last-child{display:flex;flex-direction:column;gap:4px}.plan-progress>div:last-child strong{font-size:20px}.plan-progress>div:last-child span{font-size:12px;color:#8a9b8e}.plan-steps{display:grid;gap:16px;margin-top:18px}.plan-steps>div{display:flex;align-items:center;gap:12px}.step-check,.step-current{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e5f3e9;color:#4c9a64;flex:none;font-size:12px;font-weight:800}.step-current{background:#fdefdb;color:#c99442}.plan-steps strong,.plan-steps small{display:block}.plan-steps strong{font-size:12px}.plan-steps small{font-size:11px;color:#9aa79c;margin-top:3px}.course-section{margin-top:42px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{text-align:left;padding:0;overflow:hidden;color:#253c2d;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #12352513}.course-art{height:148px}.course-art img{width:100%;height:100%;object-fit:cover}.art-spark{position:absolute;right:27%;top:27%;font-size:25px;color:#fff}.lock-overlay{position:absolute;right:13px;top:13px;background:#ffffffdc;padding:6px;border-radius:8px;display:grid}.course-card.locked{opacity:.72}.course-card-body{padding:18px}.course-card-top,.course-card-foot{display:flex;justify-content:space-between;align-items:center}.course-card-top span{color:#518c60;font-size:11px;font-weight:700}.course-card-top small{color:#9ca99e;font-size:10px}.course-card-body h3{font-size:15px;margin:10px 0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-card-body p{height:41px;margin-bottom:12px}.course-meta{margin-bottom:15px}.course-card-foot{font-size:11px;color:#91a094;margin-top:8px}.course-card-foot b{color:#438b5c}.locked-note{display:flex;align-items:center;gap:5px;color:#99a59a;font-size:11px;border-top:1px solid #edf0ed;padding-top:11px}.page-title{margin:15px 0 28px}.page-title h1{font-size:30px;margin:8px 0 6px}.page-title p{color:#8b9b8e;font-size:13px}.catalog-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;color:#9aa69e;font-size:12px}.course-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6ece6;border-radius:11px;padding:0 14px;width:310px;color:#9aae9d}.course-search input{height:42px;border:0;outline:0;min-width:0;flex:1;color:#2b4132;background:none;font-size:12px}.category-tabs{display:flex;gap:9px;overflow:auto;margin-bottom:21px;scrollbar-width:none}.category-tabs button{background:#fff;border:1px solid #e6ece6;color:#839489;border-radius:8px;padding:10px 16px;white-space:nowrap;font-size:12px}.category-tabs button.active{background:#1c503a;border-color:#1c503a;color:#fff}.catalog-grid{row-gap:20px}.learning-summary{background:#1b4c3a;color:#fff;border-radius:20px;padding:31px 45px;display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.learning-summary h2{font-size:24px;line-height:1.5;margin:9px 0}.learning-summary p{color:#c6e1cc;font-size:12px}.learning-summary .percent-ring{background:conic-gradient(#ffd792 var(--value),#ffffff35 0)}.learning-summary .percent-ring>div{background:#1b4c3a}.learning-summary .percent-ring small{color:#cde9d3}.learning-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.learning-list{display:grid}.learning-list button{display:flex;align-items:center;gap:13px;background:none;text-align:left;padding:14px 0;border-bottom:1px solid #edf0ed;color:#2c4534}.learning-list button:last-child{border:0}.list-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;flex:none}.learning-list button>div:nth-child(2){flex:1;min-width:0}.learning-list strong,.learning-list small{display:block}.learning-list strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learning-list small{font-size:11px;color:#93a195;margin:5px 0 8px}.learning-list b{color:#528f61;font-size:12px}.learning-list button>svg{color:#a3b2a5}.history-list{display:grid;gap:17px}.history-list>div{display:flex;align-items:center;gap:12px}.history-dot{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#e6f4e9;color:#4f9d65}.history-list strong,.history-list small{display:block}.history-list strong{font-size:12px}.history-list small{font-size:11px;color:#9aa99c;margin-top:3px}.class-banner,.course-hero{display:flex;align-items:center;justify-content:space-between;background:#1c4f3a;color:#fff;border-radius:20px;padding:34px 42px;overflow:hidden}.class-banner h2{font-size:27px;margin:17px 0 8px}.class-banner p,.course-hero p{color:#c9e1cc;font-size:13px;margin:0}.class-banner-icon{display:grid;place-items:center;width:130px;height:130px;background:#ffffff15;border:1px solid #ffffff22;border-radius:50%;color:#e9d18d}.class-details{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.class-details .section-card{display:flex;flex-direction:column;gap:8px}.class-details span{font-size:12px;color:#9ca99c;margin-top:10px}.class-details strong{font-size:15px}.class-details p{font-size:11px;color:#9ca99c;margin:0}.class-message{display:flex;align-items:center;gap:15px}.message-icon{display:grid;place-items:center;width:46px;height:46px;background:#edf5ef;border-radius:12px;color:#498c61}.class-message h3{font-size:14px;margin:0 0 4px}.class-message p{color:#93a296;font-size:12px;margin:0}.back-button{display:flex;align-items:center;gap:6px;background:none;color:#71917a;font-size:12px;margin:0 0 16px;padding:0}.course-hero{min-height:245px}.course-hero h1{font-size:29px;margin:16px 0 9px}.course-hero p{max-width:610px;line-height:1.7}.course-hero-meta{display:flex;gap:20px;margin-top:22px;color:#d2e6d5;font-size:12px}.course-hero-meta span{display:flex;align-items:center;gap:6px}.course-hero-ring .percent-ring{background:conic-gradient(#ffcf8b var(--value),#ffffff2a 0)}.course-hero-ring .percent-ring>div{background:#1c4f3a}.course-hero-ring .percent-ring small{color:#cfe4d2}.course-layout{display:grid;grid-template-columns:1fr 270px;gap:20px;margin-top:20px;align-items:start}.lesson-count{color:#80a089;background:#f1f7f0;padding:7px 9px;border-radius:6px;font-size:11px}.syllabus-list{display:grid}.syllabus-list button{display:flex;align-items:center;gap:16px;text-align:left;background:none;border-top:1px solid #edf0ed;padding:19px 0;color:#334a39}.syllabus-list button:disabled{opacity:.57}.lesson-index{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:10px;font-size:13px;font-weight:800}.lesson-index.done{background:#e6f5e9;color:#41945d}.lesson-index.ready{background:#214d39;color:#fff}.lesson-index.locked{background:#f0f2ef;color:#9dad9e}.syllabus-list button>div{flex:1;min-width:0}.syllabus-list strong,.syllabus-list small,.syllabus-list button>div>span{display:block}.syllabus-list strong{font-size:13px}.syllabus-list small{font-size:11px;color:#9ca89c;margin:5px 0}.syllabus-list button>div>span{display:flex;gap:4px;align-items:center;color:#9aa99c;font-size:10px}.syllabus-list button>svg{color:#9bac9d}.course-aside h3{font-size:17px;margin:8px 0}.course-aside p,.course-aside small{font-size:12px;line-height:1.8;color:#8b9b8e}.aside-illustration{height:128px;display:grid;place-items:center;color:#76ac80;background:#edf5eb;border-radius:12px;margin:22px 0}.course-aside strong,.course-aside small{display:block}.course-aside strong{font-size:13px;margin-bottom:4px}.lesson-layout{display:grid;grid-template-columns:1fr 270px;gap:20px;align-items:start}.lesson-heading{margin-bottom:20px}.lesson-heading h1{font-size:28px;margin:8px 0}.lesson-heading p{font-size:13px;color:#87998a}.lesson-heading>div{display:flex;gap:16px;color:#9bac9d;font-size:11px}.lesson-heading>div span{display:flex;align-items:center;gap:5px}.reading-stage{height:285px;background:#1c4e3c;border-radius:16px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}.reading-orbit{position:absolute;width:250px;height:250px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 30px #ffffff09,0 0 0 65px #ffffff05}.reading-icon{z-index:1;color:#f9d08c}.reading-stage strong,.reading-stage span{z-index:1}.reading-stage strong{font-size:18px}.reading-stage span{font-size:11px;color:#c9e2d0}.video-frame{background:#122b22;border-radius:16px;overflow:hidden}.video-frame video{display:block;width:100%;max-height:500px}.article,.quiz{margin-top:20px}.article h2{font-size:19px;margin:7px 0 19px}.article p{font-size:14px;line-height:2;color:#516657;margin-bottom:16px;white-space:pre-line}.quiz-title{display:flex;align-items:center;gap:13px}.quiz-icon{width:42px;height:42px;display:grid;place-items:center;background:#edf5e9;color:#569467;border-radius:11px}.quiz-title h2{font-size:18px;margin:4px 0 0}.quiz h3{font-size:14px;margin:25px 0 17px;line-height:1.7}.quiz-options{display:grid;gap:9px}.quiz-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:#fff;border:1px solid #e9eee8;border-radius:9px;color:#52675a;font-size:12px}.quiz-options button.chosen{border-color:#43875b;background:#f0f8f0}.quiz-options button>span{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#f0f3ef;border-radius:7px;color:#708477;font-weight:800}.quiz-feedback{display:flex;align-items:center;gap:7px;background:#fff2e8;color:#a16240;border-radius:8px;padding:11px;margin-top:14px;font-size:12px}.quiz-feedback.success{background:#eaf6ec;color:#3d8655}.completed-message{display:flex;gap:10px;background:#edf8ee;color:#4a8a5e;padding:13px;margin-top:15px;border-radius:9px}.completed-message strong{font-size:12px}.completed-message p{font-size:11px;margin:4px 0 0}.quiz-actions{margin-top:20px;display:flex;justify-content:flex-end}.lesson-side .section-card{padding:20px}.lesson-side h3{font-size:15px;line-height:1.6;margin:8px 0 17px}.side-progress{display:flex;align-items:center;gap:8px}.side-progress .progress-bar{flex:1}.side-progress b{font-size:11px;color:#4f9362}.side-lessons{display:grid;margin-top:19px;border-top:1px solid #ebf0e9}.side-lessons button{display:flex;align-items:center;gap:8px;padding:12px 0;background:none;text-align:left;border-bottom:1px solid #ebf0e9;color:#6c8271;font-size:11px}.side-lessons button.current{color:#398359;font-weight:700}.side-lessons button:disabled{opacity:.48}.side-lessons button span{width:22px;height:22px;display:grid;place-items:center;flex:none;background:#edf4eb;border-radius:6px}.empty-state{padding:35px;text-align:center;color:#9aaa9c;font-size:12px}.site-footer{border-top:1px solid #e8eee7;max-width:1280px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;color:#a0aca2;font-size:11px}.site-footer>div{display:flex;align-items:center;gap:8px}.site-footer .brand-symbol{width:24px;height:24px;font-size:14px;border-radius:7px}.mobile-bottom{display:none}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}.login-story{background:#174a38;color:#fff;padding:44px clamp(35px,6vw,100px);position:relative;display:flex;flex-direction:column;overflow:hidden}.login-story:after{content:"";position:absolute;right:-140px;bottom:-190px;width:570px;height:570px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05}.login-brand{z-index:1;color:#fff}.login-brand .brand-symbol{background:#fbd18d;color:#1f4b35}.login-brand small{color:#b9d9c2}.login-story-copy{z-index:1;margin:auto 0;max-width:540px}.login-story-copy h1{font-size:clamp(35px,3.4vw,54px);line-height:1.33;margin:16px 0 19px}.login-story-copy p{color:#c5e2ce;line-height:1.9;font-size:14px}.story-card{display:flex;align-items:center;gap:13px;background:#ffffff1b;border:1px solid #ffffff2c;border-radius:15px;padding:16px;z-index:1}.story-card-icon{display:grid;place-items:center;background:#fbd18d;color:#174a38;border-radius:10px;width:40px;height:40px}.story-card>div:nth-child(2){display:flex;flex-direction:column;flex:1;gap:3px}.story-card strong{font-size:13px}.story-card span{font-size:11px;color:#b6d8c0}.story-card>svg{color:#d1e5d1}.story-decor{position:absolute;border-radius:50%;border:1px solid #ffffff13}.story-decor.one{width:230px;height:230px;right:10%;top:17%}.story-decor.two{width:160px;height:160px;right:18%;top:24%}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-form{width:min(100%,420px)}.mobile-brand{display:none}.login-form h2{font-size:31px;margin:10px 0 5px}.login-form>p{color:#98a69a;font-size:13px;margin-bottom:31px}.login-form label{display:block;color:#566c5a;font-weight:700;font-size:12px;margin-bottom:18px}.login-form input{display:block;width:100%;height:48px;margin-top:8px;padding:0 14px;border:1px solid #dfe8e0;border-radius:9px;outline:none;background:#fbfcfa;color:#263c2d;font-size:13px}.login-form input:focus{border-color:#56946a;box-shadow:0 0 0 3px #56946a14}.login-form input::placeholder{color:#b1beb2}.form-error{display:flex;align-items:center;gap:6px;color:#b65c40;background:#fff1ea;border-radius:8px;padding:10px;margin-bottom:13px;font-size:12px}.divider{text-align:center;color:#a0aea0;font-size:11px;margin:29px 0 15px;position:relative}.divider:before{content:"";height:1px;background:#edf1ed;position:absolute;left:0;right:0;top:50%}.divider span{position:relative;background:#fff;padding:0 11px}.demo-options{display:grid;gap:7px}.demo-options button{display:flex;align-items:center;gap:10px;background:#f8faf7;border:1px solid #edf1ea;border-radius:9px;padding:9px;text-align:left;color:#344e3b}.demo-options button:hover{background:#eef6ee}.demo-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dbeedf;color:#42845b;font-weight:700}.demo-options button>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:2px}.demo-options strong{font-size:12px}.demo-options small{font-size:10px;color:#98a99b}.demo-options svg{color:#a4b3a4}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;color:#a1aea1;font-size:11px;margin-top:27px}@media(max-width:1050px){.desktop-nav{gap:17px}.header-inner{padding:0 20px}.class-tag{display:none}.page-content{padding:25px 20px 75px}.home-grid{grid-template-columns:1fr}.plan-card{display:none}.course-layout,.lesson-layout{grid-template-columns:1fr 235px}.hero-visual{top:0;right:0;bottom:0;left:55%}}@media(max-width:760px){.site-header{height:64px}.header-inner{padding:0 16px}.header-brand .brand-symbol{width:33px;height:33px;font-size:18px}.header-brand strong{font-size:16px}.desktop-nav,.profile-button strong{display:none}.profile-menu{right:12px;top:60px}.page-content{padding:17px 14px 95px;min-height:calc(100vh - 120px)}.welcome-hero{min-height:270px;padding:26px 23px;border-radius:17px}.welcome-copy{max-width:72%}.greeting{margin:16px 0 3px;font-size:13px}.welcome-copy h1{font-size:27px}.hero-desc{font-size:11px;line-height:1.6;margin-bottom:17px}.hero-visual{left:68%;opacity:.55}.visual-book{width:135px;height:130px}.visual-book>span{width:51px;height:51px}.visual-note{display:none}.overview-stats{grid-template-columns:repeat(2,1fr);gap:9px;margin:11px 0}.stat-card{padding:12px;gap:9px;border-radius:11px}.stat-icon{width:34px;height:34px;border-radius:9px}.stat-icon svg{width:17px}.stat-card span{font-size:10px}.stat-card strong{font-size:20px}.section-card{padding:18px}.home-grid{gap:12px}.section-head{margin-bottom:16px}.section-head h2{font-size:17px}.section-head p{font-size:11px}.featured-course{gap:13px}.featured-art{min-height:170px;width:33%}.featured-info h3{font-size:15px;margin:7px 0}.featured-info p{font-size:11px;margin-bottom:7px}.featured-meta{gap:7px;font-size:10px}.featured-meta svg{width:12px}.bar-info{margin:9px 0 5px}.featured-info>.button{margin-top:10px}.course-section{margin-top:28px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.course-art{height:115px}.course-card-body{padding:12px}.course-card-body h3{font-size:13px}.course-card-body p{font-size:10px;height:34px}.course-meta{font-size:9px;gap:6px;flex-wrap:wrap}.course-meta svg{width:11px}.course-card-foot{font-size:9px}.page-title{margin:12px 0 21px}.page-title h1{font-size:24px}.catalog-tools{gap:12px}.course-search{width:min(75%,310px)}.learning-summary{padding:20px}.learning-summary h2{font-size:18px}.learning-summary .percent-ring{width:95px!important;height:95px!important}.learning-columns,.class-details,.course-layout,.lesson-layout{grid-template-columns:1fr}.class-details{gap:10px}.class-details .section-card{gap:5px}.class-details span{margin-top:3px}.class-banner,.course-hero{padding:26px 22px}.class-banner h2,.course-hero h1{font-size:23px}.class-banner-icon{width:70px;height:70px}.class-banner-icon svg{width:35px}.course-hero-ring .percent-ring{width:93px!important;height:93px!important}.course-hero-meta{gap:9px;flex-wrap:wrap;font-size:10px}.course-aside,.lesson-side{display:none}.lesson-heading h1{font-size:23px}.reading-stage{height:210px}.article p{font-size:13px}.site-footer{display:none}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:62px;z-index:30;background:#fff;border-top:1px solid #e7eee7;box-shadow:0 -6px 20px #193d2b08;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;color:#94a496;font-size:10px}.mobile-bottom button.active{color:#27724b;font-weight:700}.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;align-items:start;padding:36px 23px}.login-form{max-width:440px;margin:0 auto}.mobile-brand{display:flex;align-items:center;gap:10px;color:#1e4d39;font-size:16px;margin-bottom:55px}.login-form h2{font-size:28px}.login-form>p{margin-bottom:27px}}@media(max-width:390px){.welcome-copy{max-width:84%}.hero-visual{opacity:.25;left:55%}.featured-art{display:none}.course-grid{grid-template-columns:1fr}.course-art{height:130px}.course-card-body p{height:auto}.stat-card strong{font-size:18px}}.video-art-badge{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:7px;background:#ffffffdf;color:#1d5a3d;font-size:10px;font-weight:700;box-shadow:0 3px 12px #113b2716}.video-caption{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#163f31;color:#d6ebd9;font-size:11px}.video-frame video{background:#122f26;aspect-ratio:16/9}.hero-buttons{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.button.ghost-light{background:#ffffff1e;border:1px solid #ffffff50;color:#fff}.button.ghost-light:hover{background:#ffffff32}.preview-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;margin-top:15px;padding:13px 14px;border:1px solid #dcebdd;border-radius:10px;background:#eef7ee;color:#246646;font-size:12px;font-weight:700}.preview-trigger svg:last-child{margin-left:auto}.preview-trigger:hover{background:#e2f2e5}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#102e24b8;padding:15px}.preview-dialog{width:min(760px,100%);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #071b1680}.preview-head{display:flex;align-items:center;justify-content:space-between;padding:16px 19px}.preview-head>div{display:grid;gap:3px}.preview-head span{color:#679275;font-size:10px;font-weight:700;letter-spacing:1px}.preview-head strong{font-size:17px;color:#1d4633}.preview-head button{display:grid;place-items:center;background:#f1f5f0;border-radius:8px;width:32px;height:32px;color:#497457}.preview-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#164332}.preview-dialog p{padding:13px 19px;margin:0;color:#789080;font-size:12px}@media(max-width:760px){.hero-buttons{align-items:stretch}.button.ghost-light{min-height:38px;padding:0 12px;font-size:11px}.hero-buttons .button.warm{min-height:38px;padding:0 13px;font-size:11px}.preview-head strong{font-size:14px}}.brand-symbol{width:max-content;min-width:38px;padding:0 9px;white-space:nowrap;font-size:13px;letter-spacing:.4px}.site-footer .brand-symbol{width:max-content;min-width:24px;padding:0 5px;font-size:10px}.header-brand .brand-symbol{width:max-content;min-width:33px;font-size:12px}