.cxs-learning-player{--navy:#00155c;--deep:#000b33;--sky:#27adff;--red:#ff3131;--line:rgba(255,255,255,.10);min-height:78vh;background:#f5f8fc;color:#192a41}.cxs-learning-player *{box-sizing:border-box}.cxs-learning-player__top{position:sticky;top:0;z-index:40;min-height:68px;padding:12px clamp(18px,3vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px) minmax(0,1fr);align-items:center;gap:20px;background:rgba(0,14,56,.96);backdrop-filter:blur(16px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.cxs-learning-player__top>a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.cxs-learning-player__top>a:last-child{text-align:right;color:#9edcff}.cxs-learning-player__top>div{display:grid;grid-template-columns:auto auto;gap:5px 10px;align-items:center}.cxs-learning-player__top>div span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#9edcff}.cxs-learning-player__top>div strong{justify-self:end;font-size:12px}.cxs-learning-player__top i{grid-column:1/-1;height:5px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.cxs-learning-player__top i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1680d0,#42c4ff);transition:width .35s ease}.cxs-learning-player__layout{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);min-height:calc(100vh - 68px)}.cxs-learning-player__outline{padding:26px 20px 60px;background:linear-gradient(180deg,#00134d,#00103f);color:#fff;border-right:1px solid rgba(0,21,92,.08)}.cxs-learning-player__outline-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 7px 18px;border-bottom:1px solid rgba(255,255,255,.10)}.cxs-learning-player__outline-head span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#8ed9ff}.cxs-learning-player__outline-head strong{font-size:10px;color:rgba(255,255,255,.58)}.cxs-learning-player__outline section{padding:18px 0 7px;border-bottom:1px solid rgba(255,255,255,.08)}.cxs-learning-player__outline h2{display:flex;gap:8px;margin:0;color:#fff;font-size:13px;line-height:1.35}.cxs-learning-player__outline h2>span{color:#65c9ff;font-size:10px}.cxs-learning-player__outline section>p{margin:6px 0 12px;color:rgba(255,255,255,.55);font-size:10.5px;line-height:1.5}.cxs-learning-player__outline ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cxs-learning-player__outline li a,.cxs-learning-player__outline li>div{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:center;padding:9px 10px;border-radius:10px;color:rgba(255,255,255,.78);text-decoration:none}.cxs-learning-player__outline li i{width:28px;height:28px;border:1px solid rgba(255,255,255,.16);border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:10px}.cxs-learning-player__outline li span{min-width:0;font-size:11.5px;font-weight:700;line-height:1.35}.cxs-learning-player__outline li small{display:block;margin-top:3px;color:rgba(255,255,255,.43);font-size:9px;font-weight:500}.cxs-learning-player__outline li.is-active a{background:linear-gradient(135deg,rgba(39,173,255,.20),rgba(39,173,255,.09));color:#fff}.cxs-learning-player__outline li.is-active i{background:#27adff;border-color:#27adff;color:#00113f}.cxs-learning-player__outline li.is-complete:not(.is-active) i{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.35);color:#66e6b5}.cxs-learning-player__outline li.is-locked>div{opacity:.42}.cxs-learning-player__content{width:min(100%,1080px);padding:44px clamp(28px,5vw,72px) 78px}.cxs-learning-player__crumb{display:flex;justify-content:space-between;gap:20px;color:#63809f;font-size:11px}.cxs-learning-player__crumb span{font-weight:800;color:#1680d0}.cxs-learning-player__content>h1{max-width:900px;margin:14px 0 8px;color:var(--navy);font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-.055em}.cxs-learning-player__meta{display:flex;gap:18px;margin:0 0 24px;color:#71859c;font-size:11px;font-weight:700}.cxs-learning-player__media{overflow:hidden;border-radius:22px;background:#000;box-shadow:0 24px 60px rgba(0,21,92,.12);aspect-ratio:16/9}.cxs-learning-player__media video,.cxs-learning-player__media iframe{width:100%;height:100%;display:block;border:0}.cxs-learning-player__external,.cxs-learning-player__placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;background:linear-gradient(135deg,#00113f,#0b3c87);color:#fff;padding:24px}.cxs-learning-player__external{text-decoration:none;font-weight:800}.cxs-learning-player__placeholder span{font-size:9px;letter-spacing:.13em;color:#8ed9ff}.cxs-learning-player__placeholder strong{font-size:24px}.cxs-learning-player__placeholder p{margin:0;color:rgba(255,255,255,.66)}.cxs-learning-player__resume{margin:12px 0 0;color:#60758e;font-size:11px}.cxs-learning-player__summary{padding:32px 0 10px}.cxs-learning-player__summary h2{margin:0 0 9px;color:var(--navy);font-size:24px}.cxs-learning-player__summary p{max-width:760px;margin:0;color:#526a86;font-size:14px;line-height:1.75}.cxs-learning-player__material{margin:24px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 18px;border:1px solid rgba(0,21,92,.09);border-radius:14px;background:#fff;color:#46617e;text-decoration:none}.cxs-learning-player__material span{font-size:11px}.cxs-learning-player__material strong{color:#1680d0;font-size:11px}.cxs-learning-player__complete{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:28px;padding:20px 22px;border-radius:17px;background:linear-gradient(135deg,#eef8ff,#fff);border:1px solid #d9ecfa}.cxs-learning-player__complete span{display:block;color:#1680d0;font-size:9px;font-weight:800;letter-spacing:.12em}.cxs-learning-player__complete strong{display:block;margin-top:5px;color:var(--navy);font-size:16px}.cxs-learning-player__complete button{min-height:44px;padding:12px 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#ff3131,#ff5148);color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.cxs-learning-player__complete button:disabled{background:#aeb8c6;cursor:default}.cxs-learning-player__nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.cxs-learning-player__nav>a,.cxs-learning-player__nav>span{min-height:70px}.cxs-learning-player__nav>a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border:1px solid rgba(0,21,92,.09);border-radius:14px;background:#fff;color:#56708e;text-decoration:none;font-size:15px}.cxs-learning-player__nav>a:last-child{text-align:right}.cxs-learning-player__nav>a span{display:block}.cxs-learning-player__nav>a small{display:block;margin-top:3px;color:var(--navy);font-size:10px;font-weight:800}.cxs-learning-player__nav>a.is-locked{opacity:.48;pointer-events:none}.cxs-learning-empty{padding:100px 0;background:#f5f8fc;min-height:60vh}.cxs-learning-empty h1{color:var(--navy,#00155c);font-size:42px}.cxs-learning-empty a{color:#1680d0;font-weight:800}@media(max-width:980px){.cxs-learning-player__layout{grid-template-columns:1fr}.cxs-learning-player__outline{order:2}.cxs-learning-player__content{order:1}.cxs-learning-player__outline section{max-width:760px}.cxs-learning-player__top{grid-template-columns:1fr minmax(180px,280px) auto}}@media(max-width:640px){.cxs-learning-player__top{position:relative;grid-template-columns:1fr auto}.cxs-learning-player__top>div{grid-column:1/-1;grid-row:2}.cxs-learning-player__top>a:last-child{grid-column:2;grid-row:1}.cxs-learning-player__content{padding:30px 18px 56px}.cxs-learning-player__content>h1{font-size:36px}.cxs-learning-player__crumb{flex-direction:column;gap:4px}.cxs-learning-player__complete{align-items:flex-start;flex-direction:column}.cxs-learning-player__complete button{width:100%}.cxs-learning-player__nav{grid-template-columns:1fr}.cxs-learning-player__outline{padding-inline:14px}.cxs-learning-player__summary p{font-size:13.5px}}
.cxs-course-detail__module-preview{padding:0 18px 18px}.cxs-course-detail__module-preview>p{margin:0 0 12px;color:#60758e;font-size:12px;line-height:1.6}.cxs-course-detail__module-preview ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}.cxs-course-detail__module-preview li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;background:#f7faff}.cxs-course-detail__module-preview li>span{width:25px;height:25px;border-radius:8px;background:#e7f4ff;color:#1680d0;display:grid;place-items:center;font-size:9px;font-weight:800}.cxs-course-detail__module-preview li>strong{color:#18304d;font-size:11.5px}.cxs-course-detail__module-preview li>small{color:#7b8ea6;font-size:10px}
.cxs-my-academy__courses{display:grid;gap:14px}.cxs-my-academy__course{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px;border:1px solid rgba(0,21,92,.08);border-radius:16px;background:#fff}.cxs-my-academy__course figure{width:110px;height:82px;margin:0;border-radius:12px;overflow:hidden;background:#00155c}.cxs-my-academy__course img{width:100%;height:100%;object-fit:cover}.cxs-my-academy__course-copy h3{margin:0 0 6px;color:#00155c;font-size:17px}.cxs-my-academy__course-copy p{margin:0;color:#71849d;font-size:11px}.cxs-my-academy__course-progress{display:flex;gap:10px;align-items:center;margin-top:10px}.cxs-my-academy__course-progress>span{width:min(100%,260px);height:7px;border-radius:999px;background:#e7eef6;overflow:hidden}.cxs-my-academy__course-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1680d0,#27adff)}.cxs-my-academy__course-progress strong{color:#00155c;font-size:11px}.cxs-my-academy__course>a{padding:11px 14px;border-radius:11px;background:#00155c;color:#fff;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}@media(max-width:700px){.cxs-my-academy__course{grid-template-columns:82px 1fr}.cxs-my-academy__course figure{width:82px;height:72px}.cxs-my-academy__course>a{grid-column:1/-1;text-align:center}.cxs-course-detail__module-preview li{grid-template-columns:24px 1fr}.cxs-course-detail__module-preview li>small{grid-column:2}}
