.course-detail{--cd-primary-50:#ebf3fe;--cd-primary-100:#d6e7fd;--cd-primary-200:#adcffb;--cd-primary-500:#3083ef;--cd-primary-600:#2670d6;--cd-primary-700:#1d5dbd;--cd-cyan:#06b6d4;--cd-cyan-deep:#0891b2;--cd-yellow:#fcd34d;--cd-yellow-dark:#f59e0b;--cd-emerald:#10b981;--cd-emerald-soft:#d1fae5;--cd-rose:#f43f5e;--cd-pink:#ec4899;--cd-violet:#8b5cf6;--cd-text:#0f172a;--cd-muted:#64748b;--cd-subtle:#94a3b8;--cd-border:#0f172a14;--cd-shadow-sm:0 1px 2px #0f172a0a;--cd-shadow-md:0 12px 36px #0f172a14;--hero-band:500px;font-family:Poppins,system-ui,sans-serif}.course-detail .shell{position:relative;overflow-x:clip}.course-detail .hero-bg{height:var(--hero-band);z-index:0;background:linear-gradient(135deg,#0f172a 0%,#1e2b47 50%,#0f172a 100%);position:absolute;top:0;left:0;right:0;overflow:hidden}.course-detail .layout{grid-template-columns:1fr 22.5rem;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;padding:40px 40px 20px;display:grid;position:relative}.course-detail .col-main{z-index:1;min-width:0;position:relative}.course-detail .hero-copy{color:#fff;min-height:calc(var(--hero-band) - 110px);padding-top:0}.course-detail .course-content-card{z-index:2;position:relative}.course-detail .course-purchased-banner{z-index:2;margin-top:12px;position:relative}.course-detail .col-side{z-index:50;align-self:start;max-height:calc(100vh - 28px);position:sticky;top:14px;overflow-y:auto}@media (min-width:1024px){.course-detail .col-side{flex-direction:column;display:flex;overflow:visible}.course-detail .col-side .combo-card{flex-direction:column;flex:auto;min-height:0;display:flex}.course-detail .col-side .combo-card>.combo-media-region,.course-detail .col-side .combo-card>.combo-split{flex:none}.course-detail .col-side .combo-card>:last-child{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.course-detail .col-side .combo-card>:last-child::-webkit-scrollbar{width:6px}.course-detail .col-side .combo-card>:last-child::-webkit-scrollbar-thumb{background:#0f172a2e;border-radius:99px}}@media (max-width:1100px){.course-detail .layout{padding-left:20px;padding-right:20px}}@media (max-width:1023.98px){.course-detail .hero-bg{display:none}.course-detail .layout{grid-template-columns:1fr;gap:20px;padding-bottom:20px}.course-detail .rail-bleed{margin-inline:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}.course-detail .col-main{display:contents}.course-detail .col-main>*{order:3;min-width:0}.course-detail .col-main>.hero-copy{margin-inline:-1.25rem;padding-inline:1.25rem;background:linear-gradient(135deg,#0f172a 0%,#1e2b47 50%,#0f172a 100%);order:1;min-height:0;margin-top:-40px;padding-top:2rem;padding-bottom:1rem}.course-detail .col-main>.cd-hero-mobile{order:1;min-width:0;margin-top:-40px}.course-detail .cd-hero-media{margin-inline:-1.25rem}.course-detail .cd-hero-media>div>div:first-child{box-shadow:none!important;aspect-ratio:4/3!important;border-radius:0!important}@media (min-width:640px){.course-detail .cd-hero-media>div>div:first-child{aspect-ratio:16/10!important}}.course-detail .cd-hero-media img{border-radius:0!important}.course-detail .col-side{display:none}.course-detail .col-side .combo-card{width:100%;max-width:520px;margin:0 auto}.course-detail .course-content-card,.course-detail .course-purchased-banner{margin-top:0}}.course-detail .price-card{border:1px solid var(--cd-border);box-shadow:var(--cd-shadow-md);background:#fff;border-radius:22px;padding:22px;position:relative}.course-detail .price-card-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.course-detail .price-card-row .now{letter-spacing:-1.2px;color:var(--cd-text);font-family:Plus Jakarta Sans,Poppins,sans-serif;font-size:34px;font-weight:800;line-height:1.1}.course-detail .price-card-row .was{color:var(--cd-subtle);font-size:16px;font-weight:600;text-decoration:line-through}.course-detail .price-card-row .off{color:var(--cd-rose);background:#f43f5e1f;border-radius:99px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:800}.course-detail .urgency{color:var(--cd-rose);background:#f43f5e1a;border-radius:10px;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.course-detail .urgency .blink{background:var(--cd-rose);border-radius:50%;width:7px;height:7px;animation:1s infinite cd-blink}@keyframes cd-blink{0%,to{opacity:1}50%{opacity:.3}}.course-detail .batch-label{letter-spacing:.8px;text-transform:uppercase;color:var(--cd-subtle);margin:18px 0 10px;font-family:Plus Jakarta Sans,Poppins,sans-serif;font-size:12px;font-weight:800}.course-detail .batch-tabs{border:1px solid var(--cd-border);background:#f8faff99;border-radius:99px;margin-bottom:12px;padding:4px;display:inline-flex}.course-detail .batch-tab{color:var(--cd-muted);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.course-detail .batch-tab .pp{color:var(--cd-muted);background:#fff;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:800}.course-detail .batch-tab.on{background:linear-gradient(135deg, var(--cd-primary-500), var(--cd-primary-700));color:#fff;box-shadow:0 6px 14px #3083ef4d}.course-detail .batch-tab.on .pp{color:#fff;background:#ffffff38}.course-detail .batch-card{border:1.5px solid var(--cd-border);cursor:pointer;background:#fff;border-radius:14px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s;position:relative}.course-detail .batch-card:hover{border-color:var(--cd-primary-200)}.course-detail .batch-card.on{border-color:var(--cd-primary-500);background:linear-gradient(135deg,#3083ef08,#06b6d408);box-shadow:0 0 0 4px #3083ef1a}.course-detail .batch-card .top-row{align-items:center;gap:10px;display:flex}.course-detail .batch-card .radio{border:2px solid #0f172a24;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.course-detail .batch-card.on .radio{border-color:var(--cd-primary-500)}.course-detail .batch-card.on .radio:after{content:"";background:var(--cd-primary-500);border-radius:50%;width:9px;height:9px}.course-detail .batch-card .title-line{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--cd-text);flex:1;font-size:13.5px;font-weight:700;overflow:hidden}.course-detail .batch-card .pr{letter-spacing:-.4px;color:var(--cd-text);font-family:Plus Jakarta Sans,Poppins,sans-serif;font-size:16px;font-weight:800}.course-detail .batch-card .pr-was{color:var(--cd-subtle);margin-left:4px;font-size:11px;font-weight:600;text-decoration:line-through}.course-detail .batch-card .pills-row{align-items:center;gap:6px;margin:10px 0 6px;display:flex}.course-detail .batch-card .pl{color:var(--cd-muted);background:#f8faff99;border-radius:99px;padding:3px 9px;font-size:10.5px;font-weight:700}.course-detail .batch-card .pl.green{color:var(--cd-emerald);background:#10b9811f}.course-detail .batch-card .pl.blue{background:var(--cd-primary-50);color:var(--cd-primary-500)}.course-detail .batch-card .pl.amber{color:var(--cd-yellow-dark);background:#f59e0b1f}.course-detail .batch-card .date{color:var(--cd-muted);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;display:flex}.course-detail .refund-line{border-top:1px dashed var(--cd-border);color:var(--cd-muted);margin-top:16px;padding-top:14px;font-size:12px}.course-detail .refund-line a{color:var(--cd-primary-500);font-weight:600}.course-detail .btn-block{cursor:pointer;text-align:center;border:none;border-radius:14px;width:100%;margin-top:8px;padding:14px;font-size:14px;font-weight:700;display:block}.course-detail .btn-block.primary{background:linear-gradient(135deg, var(--cd-primary-500), var(--cd-primary-700));color:#fff;justify-content:center;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #3083ef59}.course-detail .btn-block.primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px #3083ef73}.course-detail .btn-block.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.course-detail .btn-block.outline{border:1.5px solid var(--cd-primary-500);color:var(--cd-primary-500);background:0 0;margin-top:10px}@media (min-width:640px) and (max-width:1023px){.course-detail .cta-actions{gap:10px;display:flex}.course-detail .cta-actions .btn-block{flex:1;margin-top:0}}.course-detail .demo-link{text-align:center;color:var(--cd-primary-500);cursor:pointer;justify-content:center;align-items:center;gap:6px;margin:14px 0 0;font-size:12.5px;font-weight:600;display:flex}.course-detail .includes-block{border-top:1px dashed var(--cd-border);margin-top:18px;padding-top:18px}.course-detail .includes-block h5{letter-spacing:.8px;text-transform:uppercase;color:var(--cd-subtle);margin:0 0 10px;font-family:Plus Jakarta Sans,Poppins,sans-serif;font-size:12px;font-weight:800}.course-detail .includes-block .item{color:var(--cd-text);align-items:center;gap:10px;padding:5px 0;font-size:13px;display:flex}.course-detail .includes-block .item svg{color:var(--cd-primary-500);flex-shrink:0}.course-detail .combo-card{border:1px solid var(--cd-border);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #0f172a1f}.course-detail .combo-card .combo-media-showcase>div:first-child{box-shadow:none!important;border-radius:0!important}.course-detail .combo-card .combo-media-region img{border-top-left-radius:0!important;border-top-right-radius:0!important}.course-detail .combo-card .combo-media-region{padding:0 0 4px}.course-detail .combo-card .combo-media-showcase{padding:0}.course-detail .combo-card .combo-media-showcase .flex.gap-2{margin-top:0;padding:12px 14px 4px}.course-detail .combo-card .combo-split{background:var(--cd-border);height:1px;margin:14px 14px 0}.course-detail .combo-card .price-card{box-shadow:none;border:none;border-radius:0;padding:18px 22px 22px}.course-detail .combo-media-region,.course-detail .combo-split{transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .25s,padding .4s,margin .4s;overflow:hidden}.course-detail .combo-media-region{max-height:640px}.course-detail .combo-split{max-height:2px}.course-detail .combo-card.condensed .combo-media-region{opacity:0;max-height:0;padding:0}.course-detail .combo-card.condensed .combo-split{opacity:0;max-height:0;margin-top:0}.course-detail .course-sticky-bar{z-index:45;opacity:0;pointer-events:none;background:linear-gradient(135deg,#0f172a 0%,#1e2b47 50%,#0f172a 100%);border-bottom:1px solid #ffffff14;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .28s;position:fixed;top:0;left:0;right:0;overflow:hidden;transform:translateY(-110%);box-shadow:0 8px 24px #0f172a38}.course-detail .course-sticky-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.course-detail .combo-media-region,.course-detail .combo-split,.course-detail .course-sticky-bar{transition:none}}.dark .course-detail{--cd-text:#e4e7ec;--cd-muted:#9aa1ad;--cd-subtle:#6b7280;--cd-border:#ffffff14;--cd-shadow-sm:0 1px 2px #0006;--cd-shadow-md:0 12px 36px #00000073}.dark .course-detail .price-card,.dark .course-detail .combo-card{background:#0f1626}.dark .course-detail .batch-card{background:#ffffff05}.dark .course-detail .batch-card:hover{border-color:#3b82f68c}.dark .course-detail .batch-card.on{background:linear-gradient(135deg,#3b82f61a,#22d3ee0f);border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.dark .course-detail .batch-card .radio{border-color:#ffffff38}.dark .course-detail .batch-card.on .radio{border-color:#3b82f6}.dark .course-detail .batch-card.on .radio:after{background:#3b82f6}.dark .course-detail .batch-tabs{background:#ffffff0a}.dark .course-detail .batch-tab .pp{color:var(--cd-muted);background:#ffffff1a}.dark .course-detail .batch-tab.on{background:linear-gradient(135deg,#3b82f6,#1d5dbd);box-shadow:0 6px 14px #3b82f652}.dark .course-detail .batch-card .pl{color:var(--cd-muted);background:#ffffff0f}.dark .course-detail .batch-card .pl.green{color:#34d399;background:#10b98129}.dark .course-detail .batch-card .pl.blue{color:#60a5fa;background:#3b82f629}.dark .course-detail .batch-card .pl.amber{color:#fbbf24;background:#f59e0b29}.dark .course-detail .urgency{color:#fb7185;background:#f43f5e24}.dark .course-detail .btn-block.outline{color:#60a5fa;border-color:#60a5fa}.dark .course-detail .btn-block.primary{box-shadow:0 10px 24px #3b82f64d}.dark .course-detail .btn-block.primary:hover{box-shadow:0 14px 32px #3b82f666}.dark .course-detail .demo-link,.dark .course-detail .refund-line a,.dark .course-detail .includes-block .item svg{color:#60a5fa}