@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--blue:#3458ee;--ink:#18233f;--muted:#7a839b;--line:#e6eaf5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfdff;color:var(--ink);font-family:'Space Grotesk','Noto Sans TC',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a58aff;outline-offset:5px}[hidden]{display:none!important}.aurora{position:absolute;top:40px;right:0;width:60%;height:700px;background:radial-gradient(ellipse at 60% 40%,#e8e6ff99,transparent 65%);pointer-events:none;animation:aurora 9s ease-in-out infinite alternate}.grid-bg{position:absolute;top:90px;right:0;width:52%;height:530px;background-image:radial-gradient(#a7b0df50 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 70%);pointer-events:none}header{max-width:1250px;margin:auto;height:100px;padding:0 40px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:19px;letter-spacing:.5px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#8b93a7;margin-top:4px}.logo{width:45px;height:45px;background:var(--blue);border-radius:13px;color:white;display:grid;place-items:center;font-size:25px;position:relative;box-shadow:0 5px 15px #3458ee30}.logo span{position:absolute;right:3px;top:2px;font-size:13px}nav{margin-left:auto;display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}nav a{color:var(--blue)}nav button{background:none;color:var(--ink)}nav button span{margin-left:9px;border-radius:8px;padding:5px 8px;background:#eff2fc;color:var(--blue);font-size:11px}.avatar{display:grid;place-items:center;border:4px solid white;box-shadow:0 0 0 1px #e7eafa;background:#e9eaff;color:#6972c5;width:36px;height:36px;border-radius:50%;font-size:12px}main{max-width:1170px;margin:auto;padding:0 20px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:520px;position:relative;padding:46px 0 42px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--blue);display:flex;gap:9px;align-items:center}.eyebrow i{width:7px;height:7px;background:#5572ff;border-radius:100%;box-shadow:0 0 0 5px #edf0ff;animation:pulse 2s infinite}h1{font-size:52px;line-height:1.35;letter-spacing:-1.6px;margin:23px 0 18px;font-weight:900}.gradient{display:inline-block;background:linear-gradient(110deg,#2f59e9,#8059f2,#377ef7);background-size:200%;background-clip:text;color:transparent;animation:shine 4s linear infinite}.spark{font-size:35px;vertical-align:top;display:inline-block;margin-left:8px;animation:spin 12s linear infinite}.hero p{font-size:14px;line-height:1.95;color:var(--muted);margin:0}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:28px}.primary{background:var(--blue);color:white;padding:14px 21px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 8px 23px #3458ee28;position:relative;overflow:hidden;transition:.3s}.primary:after{content:'';position:absolute;inset:-60% auto -60% -50%;width:30%;background:#ffffff40;transform:rotate(25deg);animation:sweep 4s infinite}.primary:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 30px #3458ee50}.primary span{margin-left:28px}.hero-note{font-size:11px;color:#8991a4}.hero-note b{margin:0 5px}.people{display:flex;align-items:center;gap:12px;margin-top:29px;color:#949bad;font-size:10px}.people>div{display:flex;padding-left:5px}.people b{display:grid;place-items:center;width:25px;height:25px;background:#f0e9ff;border:2px solid white;border-radius:50%;margin-left:-5px;color:#8669cd}.people b:nth-child(2){background:#e4eeff;color:#6086d1}.people b:nth-child(3){background:#e4f4ed;color:#52a591}.hero-art{height:410px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px}.core{height:195px;width:195px;border-radius:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#8ba7ff,#3b60ec 48%,#6f49db);box-shadow:inset 3px 3px 6px #ffffff80,inset -5px -5px 10px #29299c70,0 28px 60px #5366d645,0 0 0 14px #ffffff60,0 0 0 15px #c8d3ff55;transform:rotate(-12deg);animation:levitate 6s ease-in-out infinite}.core>span{font-size:99px;font-weight:600;line-height:1;color:white;letter-spacing:-9px;text-shadow:3px 5px 0 #4054c4}.core small{color:#dbe4ff;font-size:6px;letter-spacing:2px;margin-top:13px}.orbit{position:absolute;border:1px solid #b8c8f69c;border-radius:50%;width:360px;height:290px;transform:rotate(-30deg);animation:orbit 20s linear infinite}.orbit2{width:400px;height:230px;transform:rotate(35deg);animation-direction:reverse}.orbit3{width:330px;height:350px;border-style:dashed;border-color:#c9d3f580;animation-duration:40s}.float-tag{position:absolute;z-index:2;border:1px solid #fff;background:#ffffffdb;box-shadow:0 10px 30px #7e8abe15;backdrop-filter:blur(10px);padding:13px 18px;border-radius:12px;font-size:12px;font-weight:600;animation:float 5s ease-in-out infinite}.tag1{left:4px;top:99px;color:#6d60c9;transform:rotate(-8deg)}.tag2{right:-2px;bottom:87px;animation-delay:-2s;transform:rotate(6deg)}.tag2 span{color:var(--blue);margin-right:9px}.planet{position:absolute;border-radius:50%;background:linear-gradient(130deg,#f6faff,#859cfa);box-shadow:inset -4px -4px 8px #677ee450,0 10px 20px #7788cd20;animation:float 4s ease-in-out infinite}.p1{height:36px;width:36px;right:47px;top:58px}.p2{height:19px;width:19px;bottom:76px;left:93px;animation-delay:-2s;background:linear-gradient(130deg,#f4e9ff,#ad8dea)}.star{position:absolute;color:#9674e6;animation:spin 10s linear infinite}.s1{top:35px;left:132px;font-size:30px}.s2{right:47px;bottom:152px;font-size:21px;color:#7da2ff}.art-caption{position:absolute;bottom:18px;font-size:8px;letter-spacing:3px;color:#9aa4c4}.learning-strip{border:1px solid #e1e7fa;background:linear-gradient(110deg,#f0f4ff,#fbfaff);border-radius:14px;display:flex;align-items:center;padding:21px 25px;gap:17px}.strip-icon{width:41px;height:41px;background:white;border-radius:11px;display:grid;place-items:center;color:var(--blue);font-size:23px}.learning-strip small{display:block;font-size:10px;color:#929bb6;margin-bottom:5px}.learning-strip strong{font-size:13px;font-weight:600}.strip-progress{margin-left:auto;width:185px;font-size:10px;color:#7b87a6}.strip-progress b{float:right;color:var(--blue)}.track{height:5px;background:#e3e8f7;border-radius:5px;margin-top:10px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,#3760f1,#a280fb);width:0;transition:width 1s}.learning-strip>button{margin-left:17px;background:white;border:1px solid #e0e6f7;padding:10px 16px;border-radius:8px;font-size:11px;color:var(--blue)}#courses{padding-top:61px;scroll-margin-top:20px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:28px;margin:10px 0 8px;letter-spacing:-.7px}h2 span{display:inline-block;font-size:23px;color:#91a4f5;margin-left:12px;animation:spin 15s linear infinite}.section-top p{font-size:12px;color:var(--muted);margin:0}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;border-radius:9px;padding:10px 12px;width:270px}.search>span{font-size:22px;color:#8c98b1}.search input{border:0;outline:none;width:100%;min-width:0;font:inherit;font-size:11px;background:transparent}.search kbd{border:1px solid #edf0f6;color:#a0a7b7;border-radius:3px;padding:1px 5px;font-size:10px}.filters{display:flex;align-items:center;gap:8px;margin:27px 0 22px;border-bottom:1px solid var(--line);padding-bottom:17px}.filters button{background:none;padding:9px 13px;border-radius:7px;color:#8a93a8;font-size:11px}.filters button.active{background:#edf1ff;color:var(--blue);font-weight:600}.filters button span{background:#dce4ff;padding:1px 5px;border-radius:4px;margin-left:5px}.filters>span{margin-left:auto;font-size:10px;color:#a2a9b9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #e6eaf3;border-radius:14px;overflow:hidden;text-align:left;padding:0;transition:transform .35s,box-shadow .35s;animation:reveal .8s both;animation-delay:calc(var(--i)*80ms)}.card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 20px 40px #5369ad20;border-color:#b2c1ff}.card-art{height:148px;background:var(--wash);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art:before,.card-art:after{content:'';position:absolute;width:155px;height:155px;border-radius:50%;border:1px solid var(--accent);opacity:.14;transition:1s}.card-art:after{width:210px;height:210px}.card:hover .card-art:before{transform:scale(1.6)}.card:hover .card-art:after{transform:scale(.8)}.chapter-label{position:absolute;top:15px;left:17px;font-size:9px;color:var(--accent);letter-spacing:1.5px;font-weight:700}.art-symbol{font-size:58px;color:var(--accent);text-shadow:5px 7px 0 #ffffffb0;animation:float 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s);z-index:1;font-weight:500}.art-deco{position:absolute;right:32px;top:35px;color:var(--accent);opacity:.5;font-size:22px;animation:spin 14s linear infinite}.art-dot{position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;left:25%;bottom:30px;opacity:.3}.card-state{position:absolute;right:12px;bottom:12px;font-size:9px;background:#ffffffd9;padding:5px 8px;border-radius:5px;color:var(--accent)}.card-body{padding:19px 20px}.card-kicker{font-size:9px;letter-spacing:1px;color:#929caf;display:flex;justify-content:space-between}.card h3{font-size:17px;margin:8px 0;font-weight:700}.card p{font-size:11px;color:#9099ad;margin:0;line-height:1.8}.card-meta{margin-top:19px;border-top:1px solid #f0f2f7;padding-top:13px;display:flex;align-items:center;gap:12px;font-size:9px;color:#8a94ab}.card-meta b{margin-left:auto;color:var(--accent);font-size:17px;transition:transform .3s}.card:hover .card-meta b{transform:translateX(5px)}.bottom-banner{margin:39px 0 53px;padding:26px 29px;border:1px dashed #dce2f2;border-radius:12px;display:flex;align-items:center;gap:20px;background:#f9faff}.bottom-banner>span{font-size:32px;color:#9faff5;animation:spin 15s linear infinite}.bottom-banner h3{font-size:14px;margin:0 0 6px}.bottom-banner p{font-size:11px;color:#929bb0;margin:0}.bottom-banner>b{margin-left:auto;font-size:9px;letter-spacing:1px;color:#9aa6c3}footer{max-width:1170px;margin:auto;border-top:1px solid var(--line);padding:25px 20px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0a8ba}.footer-brand{font-weight:700;color:#6c799a;font-size:12px}footer small{font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#202d50;color:white;padding:13px 23px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.3s;z-index:10;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;padding:60px;color:var(--muted)}#lesson{padding-top:30px;min-height:80vh}.back{background:none;padding:10px 0;color:var(--muted);font-size:12px}.lesson-heading h1{font-size:34px;margin:12px 0}.lesson-heading{padding:25px 0}.lesson-heading p{color:var(--muted);font-size:13px}.lesson-layout{display:grid;grid-template-columns:230px 1fr;gap:25px;margin-bottom:60px}aside{display:flex;flex-direction:column;gap:8px}aside button{text-align:left;padding:15px;background:#f3f5fb;border-radius:9px;font-size:12px;color:#78849e}aside button.active{background:#e9eeff;color:var(--blue);box-shadow:inset 3px 0 var(--blue)}aside small{display:block;font-size:9px;margin-bottom:5px}.lesson-content{min-width:0;border:1px solid var(--line);border-radius:15px;background:white;padding:20px}.tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{padding:12px 20px;background:none;color:var(--muted);font-size:13px}.tabs button.active{color:var(--blue);border-bottom:3px solid var(--blue)}.demo-view{aspect-ratio:16/9;border-radius:12px;background:radial-gradient(ellipse at 60% 30%,#344b9b,#142044);display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;text-align:center;position:relative;overflow:hidden;animation:reveal .6s}.demo-view:before{content:'';position:absolute;width:360px;height:360px;border:1px solid #98b2ff30;border-radius:50%;animation:pulse 4s infinite;pointer-events:none}.play{height:67px;width:67px;border-radius:50%;color:var(--blue);background:white;font-size:25px;box-shadow:0 0 0 12px #ffffff10;animation:pulse 3s infinite;z-index:1}.demo-view h3{font-size:21px;margin:25px 0 8px}.demo-view p{font-size:11px;color:#bac9ee;line-height:1.8;margin:0 20px}.resource-row{display:flex;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;color:#64718e}.resource-row>span{flex:1}.resource-row button{padding:8px 12px;background:#eff3ff;border-radius:7px;color:var(--blue);font-size:11px}.lesson-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.lesson-tools>span{font-size:10px;color:var(--muted)}.pdf-view{background:linear-gradient(135deg,#edf1ff,#f6f2ff);color:var(--ink)}.pdf-view p{color:#8a94b1}.pdf-view .pdf-label{font-size:10px;letter-spacing:3px;color:var(--blue)}.pdf-view h3{font-size:32px}.pdf-controls{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:15px;font-size:12px}.pdf-controls button{padding:8px 14px;background:#eef2ff;border-radius:6px;color:var(--blue)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-20px) rotate(-3deg)}}@keyframes orbit{to{rotate:360deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #738bff15;scale:1.06}}@keyframes shine{to{background-position:200% center}}@keyframes sweep{0%,65%{left:-50%}100%{left:150%}}@keyframes reveal{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aurora{to{transform:translate(-10%,40px) scale(1.2)}}.hero-copy{animation:reveal .9s both}.hero-art{animation:reveal 1.2s both}.learning-strip{animation:reveal 1s .2s both}
@media(min-width:1400px){header{max-width:1320px}main,footer{max-width:1200px}.hero{min-height:550px}}@media(max-width:1000px){header{padding:0 25px}.hero h1{font-size:43px}.hero-art{scale:.85}.hero-actions{gap:12px}.hero-note{font-size:9px}.cards{gap:15px}.learning-strip{padding:18px}.strip-progress{width:130px}.lesson-layout{grid-template-columns:180px 1fr}.lesson-tools{flex-wrap:wrap}}@media(max-width:700px){header{height:78px;padding:0 20px;gap:12px}.brand{font-size:16px;gap:9px}.brand small{font-size:6px;letter-spacing:.8px}.logo{width:36px;height:36px;font-size:22px}nav{gap:0}nav>a{display:none}nav button{font-size:11px;padding:0}nav button span{display:none}.avatar{width:29px;height:29px;font-size:10px}.hero{grid-template-columns:1fr;padding:35px 0 16px;min-height:0}.hero h1{font-size:42px;margin-top:19px}.hero p{font-size:12px}.hero-actions{gap:17px}.hero-note{font-size:10px}.hero-art{height:310px;scale:.83;margin:-5px -18px -20px}.hero-copy{position:relative;z-index:1}.people{margin-top:22px}.tag1{left:0}.tag2{right:0}.art-caption{bottom:-6px}.learning-strip{gap:11px;flex-wrap:wrap;padding:17px}.strip-icon{width:35px;height:35px}.learning-strip strong{font-size:11px}.strip-progress{order:4;width:100%;margin:0}.learning-strip>button{margin-left:auto;font-size:10px;padding:8px}.learning-strip small{font-size:9px}#courses{padding-top:37px}.section-top{display:block}h2{font-size:25px}.section-top p{font-size:11px}.search{margin-top:21px;width:100%}.filters{margin:15px 0 18px;gap:4px}.filters>span{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-art{height:120px}.card-body{padding:14px 12px}.card h3{font-size:14px;line-height:1.6}.card p{font-size:10px}.card-meta{gap:7px;font-size:8px;margin-top:13px}.card-meta b{font-size:14px}.chapter-label{font-size:8px;left:11px}.art-symbol{font-size:46px}.art-deco{right:16px}.card-state{font-size:8px;right:8px;bottom:8px}.bottom-banner{padding:20px 16px;gap:12px;margin-bottom:30px}.bottom-banner h3{font-size:11px;line-height:1.8}.bottom-banner p{font-size:10px}.bottom-banner>b{display:none}footer{flex-wrap:wrap;gap:14px;padding:22px 20px}footer small{width:100%}.lesson-layout{grid-template-columns:1fr;gap:16px}aside{flex-direction:row;overflow:auto;padding-bottom:5px}aside button{min-width:125px;font-size:10px;padding:11px}.lesson-heading h1{font-size:27px}.lesson-content{padding:13px}.tabs button{font-size:12px;padding:12px 13px}.demo-view h3{font-size:16px;margin-top:16px}.demo-view p{font-size:10px}.play{width:48px;height:48px;font-size:20px}.lesson-tools>span{width:100%}.lesson-tools .primary{width:100%}.resource-row{font-size:10px;gap:5px}.resource-row button{font-size:10px;padding:7px}.pdf-view h3{font-size:24px}.pdf-view .pdf-label{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#home{padding-top:28px}

#courses{padding-top:12px}
.material-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;margin:4px 0 13px}.material-heading small{font-size:10px;font-weight:400;color:var(--muted)}.material-list{display:grid;gap:9px;margin-bottom:24px}.material-item{display:flex;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;animation:reveal .45s both;animation-delay:calc(var(--i)*70ms);transition:box-shadow .25s,border-color .25s}.material-item:hover{box-shadow:0 5px 20px #3458ee18;border-color:#aebdff}.material-item.selected{border-color:#9eafff;background:#f1f4ff}.material-select{flex:1;min-width:0;display:flex;align-items:center;gap:13px;text-align:left;background:none;padding:14px;color:var(--ink)}.material-icon{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:10px;background:#e8edff;color:var(--blue);font-size:22px}.material-select strong{font-size:12px;font-weight:600;display:block}.material-select small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.material-select b{margin-left:auto;font-size:12px;color:var(--blue)}.material-download{background:none;color:var(--blue);font-size:11px;padding:12px 16px;white-space:nowrap;border-left:1px solid var(--line)}.preview-heading{font-size:12px;color:#6d7a99;margin-bottom:12px}.material-preview{animation:reveal .5s both}@media(max-width:700px){.material-select{padding:12px 9px;gap:9px}.material-select strong{font-size:11px}.material-icon{width:32px;height:32px;font-size:19px}.material-download{padding:10px;font-size:10px}.tabs{gap:0}.tabs button{padding:12px 10px}}
#lesson{max-width:1400px}.lesson-heading{padding-bottom:10px}.lesson-heading p{margin-bottom:12px}.lesson-content{margin-bottom:40px}.resource-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.material-sidebar{display:block;min-width:0}.material-list{max-height:660px;overflow:auto;display:flex;flex-direction:column;gap:9px;margin:0;padding:2px}.material-select{border:1px solid var(--line);border-radius:10px;flex:none;width:100%;animation:reveal .45s both;transition:background .3s,box-shadow .3s}.material-select:hover{background:#f0f3ff;box-shadow:0 4px 15px #3458ee15}.material-select.selected{background:#edf1ff;border-color:#99adff;box-shadow:inset 3px 0 var(--blue)}.material-select strong{line-height:1.8;overflow-wrap:anywhere}.material-preview{min-width:0}.preview-toolbar{display:flex;align-items:start;gap:12px;justify-content:space-between;margin-bottom:14px}.preview-toolbar>strong{font-size:13px;line-height:1.8;flex:1;min-width:0}.preview-toolbar>div{display:flex;gap:8px;flex-shrink:0}.preview-toolbar button,.preview-toolbar a{font:inherit;font-size:11px;background:#eef2ff;color:var(--blue);padding:9px 12px;border-radius:7px;white-space:nowrap}.media-stage{background:#10182b;border-radius:12px;overflow:hidden}.video-stage video{display:block;width:100%;aspect-ratio:16/9;max-height:78vh;background:#000}.pdf-stage iframe{width:100%;height:690px;border:0;display:block;background:#e9ecf2}.media-stage:fullscreen{border-radius:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.media-stage:fullscreen video,.media-stage:fullscreen iframe{width:100%;height:100%;max-height:100%;object-fit:contain}.pdf-help{font-size:11px;color:var(--muted)}.pdf-help a{color:var(--blue)}.tabs{margin-bottom:23px}.lesson-tools{justify-content:flex-end}@media(max-width:1000px){.resource-workspace{grid-template-columns:240px minmax(0,1fr);gap:15px}.preview-toolbar{flex-wrap:wrap}.preview-toolbar>strong{flex-basis:100%}}@media(max-width:700px){.resource-workspace{grid-template-columns:1fr}.material-list{max-height:250px}.material-sidebar{display:block;overflow:visible;padding:0}.material-select{min-width:0;padding:10px;gap:10px}.material-heading{margin:0 0 10px}.material-select strong{font-size:12px}.preview-toolbar>strong{font-size:12px}.pdf-stage iframe{height:65vh;min-height:380px}.material-preview{margin-top:5px}.tabs button{padding:12px 15px}}

.program-back{display:inline-block;margin-bottom:20px}.program-card .card-art{height:190px}.program-card h3{font-size:23px}.program-card .card-body{padding:25px}.card h3{overflow-wrap:anywhere}

.material-group{font-size:12px;color:var(--blue);line-height:1.8;margin:14px 4px 4px}.material-group:first-child{margin-top:0}.presentation-download{background:#f0f3ff;min-height:350px;padding:40px 25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px}.presentation-download>span{font-size:55px;color:var(--blue)}.presentation-download h3{font-size:18px;margin:0}.presentation-download p{font-size:12px;color:var(--muted);margin:0}.presentation-download .primary{display:block}
.header-progress{margin-left:auto;font-size:13px;color:var(--blue);padding:10px 14px;border-radius:8px;background:#eef2ff}.progress-link{display:inline-block;padding:9px 13px;border-radius:7px;color:var(--blue);font-size:12px;background:#edf1ff}.video-status{font-size:10px!important;color:#8c95a9!important}.video-status.marked{color:#21936a!important}.progress-summary{display:flex;justify-content:space-between;gap:15px;padding:19px;border-radius:12px;background:#eef2ff;font-size:14px;color:var(--blue)}.progress-summary span{font-size:11px;color:var(--muted)}.progress-program{margin:30px 0}.progress-program>h3{font-size:22px}.progress-chapter{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0;background:#fff}.progress-chapter h4{margin:0;padding:17px;background:#f3f5fc;font-size:14px;line-height:1.8}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-top:1px solid var(--line)}.progress-row>a{font-size:13px;line-height:1.8;flex:1}.progress-row>a:hover{color:var(--blue)}.progress-row label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;cursor:pointer;color:var(--muted)}.progress-row input{width:19px;height:19px;accent-color:var(--blue);cursor:pointer}.progress-row label:has(input:checked){color:#21936a}@media(max-width:700px){.progress-summary{flex-direction:column;gap:8px}.progress-row{padding:13px 12px;gap:10px}.progress-row>a{font-size:12px}.progress-row label{font-size:10px;gap:5px}.progress-chapter h4{font-size:12px;padding:13px}.header-progress{font-size:11px}.progress-program>h3{font-size:19px}}