.course-landing{color:#0f172a;display:flex;flex-direction:column;gap:20px;padding:22px 0 34px;background:radial-gradient(circle at 85% 14%,rgba(219,234,254,.68),transparent 31%),linear-gradient(180deg,#f8fbff,#fff 47% 100%)}.course-learning-hero{position:relative;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(620px,1.12fr);gap:44px;align-items:center;min-height:360px;overflow:hidden;padding:40px 56px 34px;border:0;border-radius:0;background:radial-gradient(ellipse at 72% 83%,rgba(96,165,250,.28) 0%,rgba(96,165,250,.1) 27%,transparent 53%),linear-gradient(118deg,#fffffffa,#f4fafffa 48%,#edf8fffa);box-shadow:inset 0 -1px #dbe5f0b8}.course-learning-hero:after{display:none}.course-hero-copy{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;justify-content:center}.course-eyebrow,.course-section-heading>span,.course-path-kicker{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;border:1px solid #cfe3ff;border-radius:999px;padding:5px 10px;color:#1d4ed8;background:#eff6ff;font-size:12px;font-weight:800}.course-hero-copy h1{max-width:640px;margin:0;color:#0b1220;font-size:clamp(42px,4.4vw,64px);font-weight:850;line-height:1.08;letter-spacing:0}.course-hero-copy p{max-width:610px;margin:22px 0 0;color:#526174;font-size:18px;line-height:1.72}.course-hero-actions{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px}.course-primary-cta,.course-secondary-cta{display:inline-flex;min-width:210px;height:56px;align-items:center;justify-content:center;border-radius:8px;padding:0 28px;font-size:18px;font-weight:850;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.course-primary-cta{border:1px solid #1d4ed8;color:#fff;background:linear-gradient(180deg,#075cff,#0044e9);box-shadow:0 12px 24px #2563eb33}.course-secondary-cta{border:1px solid #2563eb;color:#0f4ed7;background:#ffffffe6}.course-primary-cta:hover,.course-secondary-cta:hover{transform:translateY(-1px)}.course-hero-stage{position:relative;z-index:1;display:block;width:min(100%,860px);height:clamp(330px,22vw,380px);min-width:0;margin-left:auto;overflow:visible;padding:0;isolation:isolate;--course-orbit-opacity: 1;--course-orbit-scale: 1}.course-hero-stage:before{position:absolute;left:50%;bottom:clamp(-8px,.35vw,4px);z-index:0;width:min(96%,820px);height:clamp(78px,6vw,102px);border-radius:50%;content:"";background:radial-gradient(ellipse at center,#2563eb33,#93c5fd29 42%,#2563eb12 70%,#2563eb00);box-shadow:inset 0 2px 10px #3b82f63d,0 18px 40px #2563eb29,0 34px 70px #0ea5e924;opacity:var(--course-orbit-opacity);transform:translate(-50%) scaleX(var(--course-orbit-scale))}.course-hero-stage:after{position:absolute;left:6%;right:6%;bottom:clamp(44px,4.2vw,62px);z-index:1;height:4px;border-radius:999px;content:"";background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),rgba(125,211,252,.76),rgba(59,130,246,.4),transparent);opacity:var(--course-orbit-opacity)}.course-hero-training-card{position:absolute;z-index:2;top:clamp(-10px,1.1vw,10px);width:clamp(340px,45%,405px);height:clamp(284px,19vw,322px);min-height:0;overflow:hidden;border:1px solid #cfe0f5;border-radius:24px;padding:0;background:linear-gradient(180deg,#fffffffa,#ffffffdb);box-shadow:0 25px 62px #0f172a1f,0 12px 28px #2563eb1c,inset 0 1px #ffffffe6;text-align:left;backdrop-filter:blur(18px);transform:rotate(-2.4deg);transition:transform .18s ease,box-shadow .18s ease}.course-hero-training-card.uce{left:clamp(6px,3.5vw,40px)}.course-hero-training-card.channel{top:clamp(2px,1.7vw,24px);right:clamp(4px,2vw,24px);width:clamp(340px,45%,405px);height:clamp(284px,19vw,322px);min-height:0;border-color:#bfe6e6;box-shadow:0 25px 60px #0f172a1c,0 12px 28px #14b8a61c,inset 0 1px #ffffffe6;transform:rotate(2.2deg)}.course-hero-training-card:hover,.course-hero-training-card:focus-visible{outline:none;box-shadow:0 25px 62px #0f172a21,0 12px 24px #2563eb1c,inset 0 1px #ffffffe6}.course-hero-training-card.channel:hover,.course-hero-training-card.channel:focus-visible{box-shadow:0 25px 58px #0f172a1f,0 12px 22px #14b8a61a,inset 0 1px #ffffffe6}.course-hero-card-copy{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;height:clamp(86px,6vw,98px);flex-direction:column;justify-content:center;padding:0 clamp(24px,1.8vw,30px);background:linear-gradient(180deg,#fffffffa,#ffffffe6)}.course-hero-card-copy h2{margin:0;color:#0b5cff;font-size:clamp(24px,1.65vw,30px);font-weight:850;line-height:1.2}.course-hero-training-card.channel .course-hero-card-copy h2{color:#0f766e}.course-hero-card-copy p{margin:8px 0 0;color:#334155;font-size:clamp(15px,1vw,17px);font-weight:700}.course-hero-card-visual{position:absolute;top:clamp(86px,6vw,98px);right:0;bottom:clamp(54px,4vw,60px);left:0;height:auto;min-height:0;margin:0;overflow:hidden;border-radius:0}.course-hero-card-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#fff0,#ffffff0f 58%,#ffffffbd);pointer-events:none}.course-hero-card-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.course-hero-feature-row{position:absolute;right:0;bottom:0;left:0;display:flex;gap:clamp(7px,.8vw,12px);height:clamp(54px,4vw,60px);align-items:center;justify-content:center;margin:0;border-top:1px solid #e2e8f0;padding:0 clamp(12px,1.2vw,18px);background:#f8fafcdb}.course-hero-feature-row span{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:6px;color:#2563eb;font-size:clamp(12px,.7vw,13px);font-weight:800;white-space:nowrap}.course-hero-training-card.channel .course-hero-feature-row span{color:#0f766e}.course-landing--en .course-hero-copy h1{max-width:560px;font-size:clamp(38px,3.55vw,54px);line-height:1.12}.course-landing--en .course-hero-copy p{max-width:560px;font-size:17px;line-height:1.62}.course-landing--en .course-primary-cta,.course-landing--en .course-secondary-cta{min-width:190px;height:54px;padding:0 24px;font-size:17px}.course-landing--en .course-hero-card-copy h2{font-size:clamp(21px,1.35vw,25px);line-height:1.15}.course-landing--en .course-hero-card-copy p{margin-top:6px;font-size:clamp(13px,.9vw,15px);line-height:1.22}.course-landing--en .course-hero-feature-row{gap:clamp(5px,.6vw,9px);padding:0 clamp(8px,.9vw,14px)}.course-landing--en .course-hero-feature-row span{gap:5px;font-size:clamp(11px,.62vw,12px)}.course-path-media img{width:100%;height:100%;border-radius:8px 0 0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.course-path-section,.course-advantage-panel{border:0;border-radius:0;background:#fff;box-shadow:none;padding:6px 56px 0}.course-section-heading{margin-bottom:20px}.course-section-heading.centered{text-align:center}.course-section-heading.centered span{margin-right:auto;margin-left:auto}.course-section-heading h2{margin:12px 0 0;color:#0b1220;font-size:clamp(25px,2.7vw,32px);font-weight:850;line-height:1.18}.course-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.course-path-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.96fr);grid-template-rows:minmax(250px,auto) auto;min-height:318px;overflow:hidden;border:1px solid #cfe0f5;border-radius:12px;padding:0;background:linear-gradient(112deg,#fffffffa,#f8fbfff0 53%,#e4f0ffb8);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.course-path-card.channel{border-color:#bfe6e6;background:linear-gradient(112deg,#fffffffa,#f8fdfcf0 52%,#d9f8f1b8)}.course-path-card:hover,.course-path-card:focus-visible{border-color:#93c5fd;box-shadow:0 18px 38px #2563eb21;transform:translateY(-2px);outline:none}.course-path-media{position:relative;align-self:stretch;aspect-ratio:4 / 3;min-height:0;margin:20px 18px 0 0;padding:0;background:transparent}.course-path-media:after{display:none}.course-path-icon{position:absolute;right:16px;bottom:16px;z-index:1;display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid rgba(37,99,235,.24);border-radius:8px;color:#2563eb;background:#ffffffd1;backdrop-filter:blur(10px)}.course-path-card.channel .course-path-icon{border-color:#0f766e38;color:#0f766e}.course-path-body{display:flex;min-width:0;flex-direction:column;padding:30px 0 24px 34px}.course-path-card.channel .course-path-kicker{border-color:#c6f1e7;color:#0f766e;background:#ecfdf5}.course-path-body h3{margin:16px 0 0;color:#0b1220;font-size:31px;font-weight:850;line-height:1.17}.course-path-body p{margin:12px 0 0;color:#64748b;font-size:15px;line-height:1.58}.course-path-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.course-path-tags span{border:1px solid #bcd7ff;border-radius:999px;padding:6px 14px;color:#2563eb;background:#eff6ffb8;font-size:12px;font-weight:800}.course-path-card.channel .course-path-tags span{border-color:#b7ece2;color:#0f766e;background:#ecfdf5bd}.course-path-action{display:inline-flex;align-items:center;gap:7px;width:180px;height:44px;justify-content:center;margin-top:auto;border-radius:8px;color:#fff;background:linear-gradient(180deg,#075cff,#0044e9);font-weight:850}.course-path-card.channel .course-path-action{background:linear-gradient(180deg,#0faaa1,#0f766e)}.course-path-footer{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;border-top:1px solid #dbe5f0;padding:14px 34px;color:#64748b;background:#f8fafcc7;font-size:13px;font-weight:760}.course-path-footer span{text-align:center}.course-path-footer span:not(:last-of-type):after{display:inline-block;width:1px;height:18px;margin-left:30px;vertical-align:middle;content:"";background:#cbd5e1}.course-path-footer svg{color:#64748b}.course-advantage-panel{padding-bottom:0}.course-advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid #dbe5f0;border-radius:12px;background:#ffffffeb}.course-advantage-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);-moz-column-gap:20px;column-gap:20px;min-width:0;border:0;border-right:1px solid #dbe5f0;border-radius:0;padding:24px 36px;background:transparent}.course-advantage-grid article:last-child{border-right:0}.course-advantage-grid svg{grid-row:span 2;color:#0b5cff}.course-advantage-grid h3{margin:0 0 6px;color:#0b1220;font-size:18px;font-weight:850}.course-advantage-grid p{margin:0;color:#64748b;line-height:1.55}@media(max-width:1180px){.course-learning-hero{grid-template-columns:1fr;padding-right:34px;padding-left:34px}.course-hero-stage{margin-right:auto}.course-path-card{grid-template-columns:1fr}.course-path-media{min-height:250px;order:-1;padding:12px 18px 0}.course-path-body{padding:24px}}@media(max-width:820px){.course-landing{padding-top:16px}.course-learning-hero,.course-path-section,.course-advantage-panel{padding:18px}.course-learning-hero{gap:28px}.course-hero-copy h1{font-size:clamp(36px,11vw,48px)}.course-hero-actions{gap:12px}.course-primary-cta,.course-secondary-cta{width:100%;min-width:0}.course-path-grid,.course-advantage-grid{grid-template-columns:1fr}.course-hero-stage{display:grid;height:auto;gap:18px}.course-hero-stage:before,.course-hero-stage:after{display:none}.course-hero-training-card,.course-hero-training-card.channel,.course-hero-training-card:hover,.course-hero-training-card:focus-visible,.course-hero-training-card.channel:hover,.course-hero-training-card.channel:focus-visible{position:relative;top:auto;right:auto;left:auto;width:100%;height:auto;min-height:300px;transform:none}.course-path-footer{grid-template-columns:1fr auto;row-gap:10px;padding:14px 18px}.course-path-footer span{grid-column:1;text-align:left}.course-path-footer span:not(:last-of-type):after{display:none}.course-path-footer svg{grid-column:2;grid-row:1 / span 3}.course-advantage-grid article{border-right:0;border-bottom:1px solid #dbe5f0;padding:20px}.course-advantage-grid article:last-child{border-bottom:0}}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{opacity:0;pointer-events:none;content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.1),transparent 40%);z-index:2;transition:opacity .3s ease}.spotlight-card:hover:before{opacity:1}.ripple-button{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#ffffff4d;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#12c2e9,#c471ed)}.gradient-text{background:linear-gradient(90deg,#12c2e9,#c471ed,#f64f59);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradient-flow 3s linear infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-progress-bar{position:relative;overflow:hidden}.animated-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);transform:translate(-100%);animation:shimmer 1.5s infinite;z-index:1}@keyframes shimmer{to{transform:translate(100%)}}.category-label{display:inline-flex;align-items:center;position:relative;overflow:hidden;border-radius:4px;padding:2px 8px;background:#0000000a;font-size:.9rem;font-weight:600}.category-label:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#12c2e9,#c471ed)}.category-label.Technology:before{background:linear-gradient(180deg,#00bcd4,#007bff)}.category-label.Product:before{background:linear-gradient(180deg,#4caf50,#2e7d32)}.category-label.Business:before{background:linear-gradient(180deg,#ff9800,#f57c00)}.category-label.Skills:before{background:linear-gradient(180deg,#9c27b0,#673ab7)}.category-label.Project:before{background:linear-gradient(180deg,#e91e63,#c2185b)}.category-label.Certification:before{background:linear-gradient(180deg,#ffeb3b,#fbc02d)}.category-label.Other:before{background:linear-gradient(180deg,#607d8b,#455a64)}.custom-video-player{position:relative;width:100%;height:100%;background:#000}.custom-video-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;z-index:2}.custom-video-player:hover .video-overlay{opacity:1}.play-button{width:80px;height:80px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.play-button:hover{background:#000c;transform:scale(1.1)}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:center;opacity:0;transition:opacity .3s;z-index:3}.custom-video-player:hover .video-controls{opacity:1}.video-progress{flex-grow:1;height:4px;background:#ffffff4d;cursor:pointer;position:relative;border-radius:2px;margin:0 15px}.video-progress-filled{background:#3b82f6;height:100%;border-radius:2px;position:relative}.video-progress-handle{position:absolute;right:-6px;top:-4px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 3px #00000080;transform:scale(0);transition:transform .2s}.video-progress:hover .video-progress-handle{transform:scale(1)}.video-control-button{background:none;border:none;color:#fff;cursor:pointer;padding:5px;margin:0 5px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s}.video-control-button:hover{opacity:1}.video-control-button svg{width:20px;height:20px}.video-time{color:#fff;font-size:12px;margin:0 10px;min-width:40px;text-align:center}.video-buffering{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.video-speed-control{position:relative;margin-left:10px}.speed-options{position:absolute;bottom:40px;right:-10px;background:#000000e6;border-radius:4px;padding:8px 0;display:none;flex-direction:column;min-width:100px;z-index:10;box-shadow:0 4px 8px #0000004d}.speed-options.show{display:flex}.speed-option{padding:10px 15px;color:#fff;cursor:pointer;text-align:center;font-size:14px;transition:background .2s;margin:2px 0}.speed-option:hover{background:#fff3}.speed-option.active{color:#3b82f6;font-weight:700;background:#3b82f61a}.speed-option{border:0;width:100%;background:transparent}.course-video-center{padding:24px;color:#0f172a}.course-video-loading{display:flex;min-height:240px;align-items:center;justify-content:center}.course-video-overview-header{margin-bottom:24px;text-align:center}.course-video-overview-header h2{margin:0 0 12px;color:#0f172a;font-size:26px;font-weight:850;line-height:1.2}.course-video-overview-header p{margin:0;color:#526174;font-size:17px;line-height:1.6}.course-video-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto 48px;gap:12px;margin-bottom:24px;padding:14px;border:1px solid #dbe5f0;border-radius:8px;background:#ffffffeb;box-shadow:0 14px 36px #0f172a0f}.course-search-box{display:flex;align-items:center;gap:10px;min-width:0;padding:0 14px;border:1px solid #d7e1ec;border-radius:8px;background:#fff}.course-search-box input{width:100%;min-width:0;height:46px;border:0;outline:0;color:#0f172a;background:transparent;font-size:15px}.course-toolbar-view{height:48px;border:1px solid #d7e1ec;border-radius:8px;background:#fff;color:#1e293b}.course-module-filter-tags{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:-moz-max-content;min-width:max-content}.course-module-filter-tag{height:40px;border:1px solid #d7e1ec;border-radius:8px;padding:0 14px;color:#475569;background:#fff;font-size:14px;font-weight:750;transition:border-color .18s ease,background .18s ease,color .18s ease}.course-module-filter-tag:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.course-module-filter-tag.active{border-color:#2563eb;color:#fff;background:#2563eb}.course-toolbar-view{display:inline-flex;align-items:center;justify-content:center}.course-toolbar-view.active{border-color:#3b82f6;color:#2563eb;background:#eff6ff}.course-series-section,.course-playback-page{display:flex;flex-direction:column;gap:18px}.course-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.course-section-title h2,.course-section-title h3{margin:0;color:#111827;font-weight:800}.course-section-title h2{font-size:24px}.course-section-title h3{font-size:18px}.course-section-title span{color:#64748b;font-size:14px}.course-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-series-card{display:flex;min-height:100%;cursor:pointer;flex-direction:column;overflow:hidden;border:1px solid #dfe8f3;border-radius:8px;background:#fff;text-align:left;box-shadow:0 18px 42px #0f172a12;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.course-series-card:hover{border-color:#9ec5ff;box-shadow:0 24px 56px #2563eb24;transform:translateY(-2px)}.course-series-thumb{position:relative;height:210px;overflow:hidden;background:#0f172a}.course-series-thumb img,.course-episode-thumb img,.course-playlist-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-series-thumb img{transform:scale(1.01);transition:transform .32s ease}.course-series-card:hover .course-series-thumb img{transform:scale(1.06)}.course-series-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a2e,#0f172ab8)}.course-series-topline{position:absolute;inset:12px 12px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.course-module-chip,.course-access-chip,.duration-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.2;color:#fff}.course-module-chip.pre-sales{background:#4f46e5}.course-module-chip.after-sales{background:#dc2626}.course-access-stack{display:flex;max-width:68%;flex-wrap:wrap;justify-content:flex-end;gap:5px}.course-series-play{position:absolute;left:50%;top:50%;display:flex;width:70px;height:70px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;background:#0f172a6b;opacity:0;transform:translate(-50%,-44%) scale(.94);transition:opacity .2s ease,transform .2s ease}.course-series-card:hover .course-series-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.course-series-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px}.course-series-meta,.course-info-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:#64748b;font-size:13px}.course-series-meta span,.course-info-eyebrow span{display:inline-flex;align-items:center;gap:5px}.course-series-body h3{margin:0;color:#111827;font-size:20px;font-weight:800;line-height:1.25}.course-series-body p{margin:0;min-height:44px;color:#526174;font-size:14px;line-height:1.55}.course-tag-row{display:flex;flex-wrap:wrap;gap:6px}.course-tag-row span{border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;color:#475569;background:#f8fafc;font-size:12px;font-weight:600}.course-series-progress{margin-top:auto}.course-series-progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#64748b;font-size:13px}.course-series-progress .animated-progress-bar,.course-mini-progress{overflow:hidden;height:7px;border-radius:999px;background:#e8eef5}.course-series-progress .animated-progress-bar>div,.course-mini-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#10b981)}.course-primary-action,.course-secondary-action,.course-complete-action,.course-back-button,.course-note-form button,.course-display-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;font-weight:750;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.course-primary-action{width:100%;min-height:44px;color:#fff;background:#2563eb}.course-primary-action:hover{background:#1d4ed8}.course-learning-topbar{display:grid;grid-template-columns:180px minmax(0,1fr) 220px;gap:18px;align-items:center;padding:16px;border:1px solid #dce7f4;border-radius:8px;background:#fff;box-shadow:0 14px 34px #0f172a0f}.course-back-button{min-height:42px;border:1px solid #dbe5f0;color:#1e293b;background:#f8fafc}.course-back-button:hover{color:#1d4ed8;background:#eff6ff}.course-topbar-copy{min-width:0}.course-topbar-copy span{display:block;color:#64748b;font-size:13px}.course-topbar-copy h2{margin:3px 0 0;overflow:hidden;color:#111827;font-size:22px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.course-topbar-progress{min-width:0}.course-topbar-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#64748b;font-size:13px}.course-topbar-progress strong{color:#0f172a}.course-learning-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(260px,320px);gap:18px;align-items:start}.course-learning-playlist,.course-learning-inspector{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px}.course-learning-playlist,.course-status-panel,.course-notes-panel,.course-course-info,.course-mobile-episodes{border:1px solid #dfe8f3;border-radius:8px;background:#fff;box-shadow:0 12px 30px #0f172a0e}.course-learning-playlist{padding:12px}.course-panel-heading{display:flex;align-items:center;gap:10px;color:#0f172a}.course-panel-heading>svg{flex:0 0 auto;color:#2563eb}.course-panel-heading strong{display:block;font-size:15px}.course-panel-heading span{display:block;color:#64748b;font-size:12px}.course-playlist-scroll{display:flex;max-height:calc(100vh - 250px);flex-direction:column;gap:8px;overflow:auto;padding-right:3px}.course-playlist-item{display:grid;grid-template-columns:64px minmax(0,1fr) 20px;gap:10px;align-items:center;width:100%;border:1px solid transparent;border-radius:8px;padding:8px;background:transparent;text-align:left}.course-playlist-item:hover,.course-playlist-item.active{border-color:#bfdbfe;background:#eff6ff}.course-playlist-thumb{position:relative;overflow:hidden;height:44px;border-radius:6px;background:#0f172a}.course-playlist-thumb span{position:absolute;left:5px;top:5px;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:#0f172ab8;font-size:11px;font-weight:700}.course-playlist-copy{min-width:0}.course-playlist-copy strong,.course-episode-copy strong,.course-episode-row strong{display:block;overflow:hidden;color:#111827;text-overflow:ellipsis;white-space:nowrap}.course-playlist-copy strong{font-size:13px}.course-playlist-copy span,.course-episode-copy span,.course-episode-row span{display:block;overflow:hidden;color:#64748b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.course-learning-main{display:flex;min-width:0;flex-direction:column;gap:16px}.course-player-shell{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#020617;box-shadow:0 26px 60px #0f172a33}.course-modern-video-player{position:absolute;inset:0}.course-modern-video-player video{-o-object-fit:contain;object-fit:contain}.course-video-overlay{opacity:1;background:radial-gradient(circle at center,#0f172a2e,#0f172a94)}.course-play-button{display:inline-flex;width:92px;height:92px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;background:#0f172a75;box-shadow:0 18px 40px #00000047}.course-video-controls{padding:22px 16px 14px;opacity:1}.course-video-progress{height:6px}.course-course-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px}.course-title-block{min-width:0}.course-title-block h1{margin:10px 0 8px;color:#0f172a;font-size:26px;font-weight:850;line-height:1.2}.course-title-block p{margin:0;color:#526174;line-height:1.65}.course-info-actions{display:flex;flex-direction:column;gap:10px;min-width:170px}.course-secondary-action,.course-complete-action{min-height:42px;padding:0 14px}.course-secondary-action{border:1px solid #dbe5f0;color:#334155;background:#f8fafc}.course-complete-action{color:#fff;background:#2563eb}.course-complete-action.completed{background:#059669}.course-status-panel,.course-notes-panel{padding:16px}.course-status-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.course-status-metrics div{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#f8fafc}.course-status-metrics span,.course-audience-box span{display:block;color:#64748b;font-size:12px}.course-status-metrics strong,.course-audience-box strong{display:block;margin-top:3px;color:#0f172a;font-size:18px}.course-audience-box{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;border:1px solid #bfdbfe;border-radius:8px;padding:12px;color:#2563eb;background:#eff6ff}.course-audience-box strong{font-size:14px}.inspector-tags{margin-top:12px}.course-note-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.course-note-form textarea{width:100%;resize:vertical;border:1px solid #dbe5f0;border-radius:8px;padding:10px 12px;color:#0f172a;outline:0}.course-note-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa2e}.course-note-form button{min-height:40px;color:#fff;background:#2563eb}.course-note-form button:disabled{cursor:not-allowed;color:#94a3b8;background:#e2e8f0}.course-note-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.course-note-list p{margin:0;border-left:3px solid #93c5fd;border-radius:6px;padding:9px 10px;color:#475569;background:#f8fafc;font-size:13px;line-height:1.5}.course-note-list .empty-note{border-left-color:#e2e8f0;color:#94a3b8}.course-mobile-episodes{padding:16px}.course-display-toggle{display:inline-flex;gap:6px;border:1px solid #dbe5f0;border-radius:8px;padding:4px;background:#f8fafc}.course-display-toggle button{min-height:34px;padding:0 10px;color:#475569;background:transparent;font-size:13px}.course-display-toggle button.active{color:#fff;background:#2563eb}.course-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.course-episode-card,.course-episode-row{width:100%;border:1px solid #dfe8f3;border-radius:8px;background:#fff;text-align:left}.course-episode-card{overflow:hidden;padding:0}.course-episode-card:hover,.course-episode-card.active,.course-episode-row:hover,.course-episode-row.active{border-color:#93c5fd;background:#eff6ff}.course-episode-thumb{position:relative;overflow:hidden;height:126px;background:#0f172a}.duration-chip{position:absolute;right:8px;bottom:8px;background:#0f172ac7}.episode-play-icon{position:absolute;left:50%;top:50%;color:#fff;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.course-episode-copy{padding:12px}.course-episode-copy span{margin-top:4px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-episode-card .course-mini-progress{margin:0 12px 12px}.course-episode-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.course-episode-row{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:10px;align-items:center;min-height:62px;padding:10px}.course-episode-index{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;color:#2563eb;background:#dbeafe;font-weight:800}.course-empty-state{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #bfd0e3;border-radius:8px;color:#64748b;background:#fff;text-align:center}.course-empty-state h3{margin:0;color:#0f172a;font-size:22px}.course-empty-state p{margin:0}.course-empty-state button{min-height:40px;border:0;border-radius:8px;padding:0 16px;color:#fff;background:#2563eb;font-weight:750}@media(max-width:1280px){.course-learning-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.course-learning-playlist{position:static;grid-column:1 / -1}.course-playlist-scroll{max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.course-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-learning-grid{grid-template-columns:minmax(0,1fr)}.course-learning-inspector{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.course-learning-topbar{grid-template-columns:1fr}}@media(max-width:760px){.course-video-center{padding:16px}.course-video-toolbar{grid-template-columns:1fr}.course-module-filter-tags{justify-content:flex-start;min-width:0;overflow-x:auto}.course-series-grid,.course-playlist-scroll,.course-episode-grid,.course-learning-inspector,.course-course-info{grid-template-columns:1fr}.course-series-thumb{height:180px}.course-course-info{padding:16px}.course-title-block h1{font-size:22px}.course-info-actions{min-width:0}.course-video-controls{padding:18px 8px 10px}.video-time{min-width:34px;margin:0 4px}.video-progress{margin:0 6px}}