html{scroll-behavior:smooth}body{margin:0;background:#f5f6f8;color:#101827;font-family:Inter,Arial,sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px}.c-main{max-width:1280px;margin:0 auto;padding:38px 32px 60px}.c-title{text-align:center}.c-title h1{font-family:BDO,Arial,sans-serif;font-size:48px;font-weight:600;letter-spacing:-1.5px;line-height:1.15;margin:0 0 10px}.c-title p{font-size:20px;color:#66758b;margin:0}.c-subjects{display:flex;width:max-content;max-width:100%;margin:26px auto 28px;gap:4px;border:1px solid var(--brand-light);background:var(--brand-light);border-radius:100px;padding:5px}.c-subjects button{border:0;background:none;border-radius:100px;color:#64748b;font-size:15px;font-weight:600;min-width:112px;padding:10px 24px;transition:background .2s,color .2s,box-shadow .2s}.c-subjects button[aria-selected=true]{background:var(--brand-primary);color:#fff;box-shadow:0 3px 8px color-mix(in srgb, var(--brand-primary) 10.20%, transparent)}.c-subjects button:hover:not([aria-selected=true]){background:var(--brand-border);color:var(--brand-primary)}.c-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.c-sidebar,.c-player-card{border:1px solid var(--brand-light);border-radius:16px;background:#fff;box-shadow:0 3px 18px color-mix(in srgb, var(--brand-secondary) 1.96%, transparent);overflow:hidden}.c-sidebar{position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.c-sidebar>header{padding:21px 20px 16px;border-bottom:1px solid var(--brand-light)}.c-sidebar>header>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.c-sidebar h2{font-family:BDO,Arial,sans-serif;font-size:21px;letter-spacing:-.6px;font-weight:600;margin:0}.c-sidebar header span{color:#64748b;font-size:11px;white-space:nowrap}.c-sidebar header p{font-size:12px;color:#64748b;margin:16px 0 7px;display:flex;gap:4px}.c-sidebar header p strong{color:var(--brand-primary)}.c-sidebar header p span{margin-left:auto}.c-total-progress,.c-chapter-progress{height:4px;background:var(--brand-light);border-radius:20px;overflow:hidden}.c-total-progress>span,.c-chapter-progress>span{display:block;height:100%;background:#3b7a69;border-radius:20px;transition:width .3s ease}.c-search{display:flex;gap:8px;align-items:center;margin-top:17px;padding:9px 11px;border:1px solid var(--brand-light);border-radius:9px;background:color-mix(in srgb, var(--brand-light) 45%, white)}.c-search svg{width:16px;height:16px;color:#94a3b8;flex:none}.c-search input{width:100%;min-width:0;outline:none!important;border:0;background:none;font-size:12px;color:#334155}.c-sidebar nav{overflow:auto;overscroll-behavior:contain;padding:10px 12px 18px;scrollbar-width:thin;scrollbar-color:transparent transparent}.c-sidebar nav:hover{scrollbar-color:var(--brand-border) transparent}.c-topic h3{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#8894a6;font-weight:650;margin:19px 8px 10px}.c-chapter{margin-bottom:4px}.c-chapter-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:none;text-align:left;padding:10px 8px;border-radius:8px;color:var(--brand-secondary);font-size:13px;font-weight:600;transition:background .2s}.c-chapter-toggle:hover{background:var(--brand-light)}.c-chapter-toggle small{display:block;margin-top:4px;color:#94a3b8;font-size:10px;font-weight:400}.c-chapter-toggle svg{width:15px;height:15px;color:#77869a;flex:none;transition:transform .2s}.c-chapter-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.c-chapter-progress{height:2px;margin:0 9px 6px}.c-lesson-list{padding:1px 0 6px;animation:c-enter .2s ease}.c-lesson{display:flex;gap:9px;align-items:flex-start;width:100%;border:0;background:none;border-radius:9px;padding:10px;text-align:left;font-size:12px;color:#607089;line-height:1.5;transition:background .18s,color .18s}.c-lesson:hover{background:color-mix(in srgb, var(--brand-light) 45%, white);color:var(--brand-primary)}.c-lesson.is-active{background:var(--brand-light);color:var(--brand-primary);font-weight:600}.c-lesson-symbol{margin-top:1px;display:grid;place-items:center;border:1px solid var(--brand-border);border-radius:50%;width:20px;height:20px;flex:none;color:#7d8da2}.c-lesson-symbol svg{height:11px;width:11px}.c-lesson.is-active .c-lesson-symbol{background:var(--brand-primary);color:white;border-color:var(--brand-primary)}.c-lesson.is-complete .c-lesson-symbol{background:#e3f5e8;border-color:#d5e9dd;color:#298b45}.c-lesson small{display:block;font-size:10px;color:#98a2b3;font-weight:400;margin-top:2px}.c-no-match{font-size:13px;color:#64748b;padding:10px}.c-right{min-width:0}.c-player-card{padding:8px;animation:c-enter .25s ease}.c-video{aspect-ratio:16/9;width:100%;position:relative;background:var(--brand-primary);border-radius:11px;overflow:hidden}.c-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}.c-cover{width:100%;height:100%;position:absolute;inset:0;border:0;text-align:center;color:#fff;display:flex;flex-direction:column;padding:26px 30px;background:radial-gradient(ellipse at 88% 20%,#35648a88,transparent 60%),linear-gradient(135deg,#0c203b,#183b61);overflow:hidden}.c-cover.lrdi{background:radial-gradient(ellipse at 85% 20%,#437f7988,transparent 60%),linear-gradient(135deg,#0d2937,#1d5556)}.c-cover.qa{background:radial-gradient(ellipse at 85% 20%,#6c78b188,transparent 60%),linear-gradient(135deg,#172340,#384674)}.c-cover:before,.c-cover:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #ffffff0a;border-radius:50%;top:-250px;right:-90px;pointer-events:none}.c-cover:after{width:470px;height:470px;top:150px;right:-220px;border-color:#ffffff0b}.c-cover-brand{display:flex;gap:11px;align-items:center;font-family:BDO,Arial,sans-serif;font-size:19px;font-weight:600;text-align:left;color:#fff}.c-cover-brand>span{font-family:Inter,Arial,sans-serif;font-size:9px;color:#a8bed7;letter-spacing:2px;border-left:1px solid #ffffff40;padding-left:11px;font-weight:500}.c-cover-body{position:relative;margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:650px}.c-cover-kicker{font-size:11px;letter-spacing:.4px;color:#b3c7db;line-height:1.5}.c-cover-kicker>span{padding:0 8px;color:#8aa5c0}.c-cover-body strong{font-family:BDO,Arial,sans-serif;font-size:31px;font-weight:600;letter-spacing:-.65px;line-height:1.25;max-width:90%}.c-play-icon{display:grid;place-items:center;height:60px;width:60px;border-radius:50%;border:1px solid #ffffff60;background:#ffffff12;box-shadow:0 5px 22px #0002,inset 0 1px 0 #ffffff20;transition:transform .2s,background .2s}.c-play-icon svg{width:24px;height:24px;fill:currentColor;stroke-width:1;margin-left:3px}.c-cover:hover .c-play-icon{transform:scale(1.06);background:#ffffff26}.c-cover-prompt{font-size:11px;color:#bdcddd}.c-cover-footer{display:flex;gap:8px;align-items:center;color:#b1c3d6;text-align:left;font-size:10px}.c-cover-footer svg{width:14px;height:14px}.c-cover-footer>span{margin-left:auto;border:1px solid #ffffff1b;border-radius:5px;padding:4px 7px;font-variant-numeric:tabular-nums}.c-lesson-info{padding:24px 24px 16px}.c-breadcrumb{font-size:11px;color:#8a98ab;line-height:1.7;margin-bottom:12px}.c-breadcrumb span{margin:0 7px;color:#c3ccd8}.c-info-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.c-info-heading>div{min-width:0}.c-info-heading h2{font-family:BDO,Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-.7px;margin:0 0 10px;line-height:1.3}.c-metadata{display:flex;gap:8px;align-items:center;font-size:12px;color:#64748b;margin:0}.c-metadata svg{height:14px;width:14px}.c-metadata>span{color:#a8b1bd}.c-complete{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--brand-border);background:#fff;border-radius:100px;padding:10px 15px;font-size:12px;font-weight:600;color:var(--brand-primary);transition:background .2s,border-color .2s}.c-complete svg{height:16px;width:16px}.c-complete:hover{background:var(--brand-light);border-color:var(--brand-border)}.c-complete.is-done{background:#e3f5e8;color:#086227;border-color:#d2e9d9}.c-completion-note{font-size:11px;color:#8795a7;margin:18px 0 20px}.c-description{border-top:1px solid #edf0f4;padding:15px 0;color:#64748b;font-size:12px;line-height:1.7}.c-description summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;color:var(--brand-secondary);font-weight:500}.c-description summary svg{height:14px;width:14px;transform:rotate(90deg);transition:transform .2s}.c-description[open] summary svg{transform:rotate(-90deg)}.c-description p{margin:12px 0 0}.c-player-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--brand-light)}.c-player-footer button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border-radius:100px;padding:10px 15px}.c-prev{border:1px solid var(--brand-light);background:#fff;color:#64748b}.c-prev svg{transform:rotate(180deg)}.c-next{border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;border-radius:100px;padding:10px 16px}.c-next:hover{background:var(--brand-secondary)}.c-player-footer svg{width:14px;height:14px}.c-player-footer a{display:flex;align-items:center;gap:5px;font-size:10px;text-decoration:none;color:#8190a3}.c-player-footer a:hover{color:var(--brand-primary)}.c-credit{text-align:center;color:#99a4b4;font-size:10px;margin:14px 0}.c-sync{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;background:#fff;border:1px solid var(--brand-border);border-radius:12px;box-shadow:0 8px 32px color-mix(in srgb, var(--brand-primary) 10.20%, transparent);padding:12px 16px;font-size:12px;color:var(--brand-primary);max-width:calc(100vw - 40px)}.c-sync button{margin-left:12px;color:var(--brand-primary);border:0;background:var(--brand-light);border-radius:100px;padding:6px 10px;font-size:11px}.c-sync[hidden]{display:none}@keyframes c-enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:1100px){.c-main{padding:32px 24px}.c-workspace{grid-template-columns:270px minmax(0,1fr);gap:16px}.c-cover{padding:20px}.c-cover-body strong{font-size:25px}.c-cover-body{gap:10px}.c-play-icon{width:48px;height:48px}.c-info-heading{flex-wrap:wrap}.c-player-footer a{max-width:75px}.c-lesson-info{padding:20px 17px 14px}}@media(max-width:760px){.c-main{padding:26px 16px 40px}.c-title h1{font-size:38px}.c-title p{font-size:16px}.c-workspace{grid-template-columns:1fr;gap:16px}.c-sidebar{position:static;max-height:none}.c-sidebar nav{max-height:260px}.c-sidebar>header{padding:16px}.c-topic h3{margin-top:12px}.c-sidebar header p{margin-top:12px}.c-search{margin-top:12px}.c-subjects{margin:20px auto}.c-subjects button{min-width:85px;padding:9px 16px;font-size:14px}.c-cover{padding:15px}.c-cover-brand{font-size:15px}.c-cover-brand>span{font-size:7px}.c-cover-body{gap:8px}.c-cover-body strong{font-size:23px;max-width:95%}.c-cover-kicker{font-size:9px}.c-play-icon{height:42px;width:42px}.c-play-icon svg{height:19px;width:19px}.c-cover-prompt{display:none}.c-cover-footer{font-size:8px}.c-info-heading h2{font-size:23px}.c-player-footer{flex-wrap:wrap}.c-player-footer a{order:3;max-width:none;width:100%;justify-content:center;padding:7px}.c-lesson-info{padding:18px 14px 12px}.c-breadcrumb{font-size:10px}.c-completion-note{line-height:1.6}.c-cover-body strong{font-size:22px}.c-metadata{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
