body{background:#fff7fb;background-image:radial-gradient(at 0% 0%,rgba(244,63,94,.18) 0,transparent 35%),radial-gradient(at 100% 0%,rgba(14,165,233,.18) 0,transparent 35%),radial-gradient(at 50% 100%,rgba(168,85,247,.13) 0,transparent 40%);background-attachment:fixed}
.course-title{background:linear-gradient(100deg,#f43f5e,#a855f7 45%,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.course-badge{background:linear-gradient(100deg,#f43f5e,#a855f7 50%,#06b6d4);color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 20px rgba(168,85,247,.28),inset 0 1px 1px rgba(255,255,255,.45)}
.course-feature{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,245,252,.74));backdrop-filter:blur(16px);border:1px solid rgba(168,85,247,.16);box-shadow:0 8px 18px rgba(15,23,42,.06),0 18px 40px rgba(168,85,247,.09),inset 0 1px rgba(255,255,255,.9);transition:.3s}
.course-feature:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.38);box-shadow:0 12px 22px rgba(15,23,42,.08),0 22px 45px rgba(168,85,247,.18)}
.course-feature i{background:linear-gradient(135deg,#f43f5e,#f97316,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.course-sticky{position:sticky!important;top:100px;align-self:flex-start;z-index:2}
.course-image{display:block;width:100%;height:auto;max-height:680px;object-fit:cover;object-position:center;border:2px solid rgba(168,85,247,.3);border-radius:16px;box-shadow:0 10px 22px rgba(15,23,42,.12),0 25px 55px rgba(126,34,206,.22),0 0 0 5px rgba(168,85,247,.06);transition:.4s}
.course-image:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(236,72,153,.5);box-shadow:0 14px 28px rgba(15,23,42,.15),0 30px 70px rgba(126,34,206,.3),0 0 0 6px rgba(236,72,153,.07)}
.course-video{background:linear-gradient(135deg,#312e81,#7c3aed 45%,#db2777);border:2px solid rgba(168,85,247,.3);box-shadow:0 10px 22px rgba(15,23,42,.12),0 25px 55px rgba(124,58,237,.25),inset 0 1px rgba(255,255,255,.35)}
.course-lesson{background:rgba(255,255,255,.88);border:1px solid rgba(168,85,247,.16)!important;backdrop-filter:blur(12px);box-shadow:0 5px 12px rgba(15,23,42,.04),0 12px 28px rgba(168,85,247,.06);transition:.3s}
.course-lesson:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.42)!important;box-shadow:0 8px 18px rgba(15,23,42,.07),0 18px 38px rgba(168,85,247,.15)!important}
.course-lesson .accordion-button:not(.collapsed){background:linear-gradient(100deg,rgba(244,63,94,.1),rgba(168,85,247,.1),rgba(6,182,212,.09));color:#7e22ce}
.course-lesson .accordion-button:focus{box-shadow:0 0 0 3px rgba(168,85,247,.12)}
.course-cta{background:linear-gradient(135deg,rgba(244,63,94,.1),rgba(168,85,247,.12),rgba(6,182,212,.1));border:1px solid rgba(168,85,247,.2);box-shadow:0 15px 40px rgba(168,85,247,.1),inset 0 1px rgba(255,255,255,.9)}
.course-cta-icon{font-size:2.4rem;background:linear-gradient(135deg,#f43f5e,#a855f7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.course-cta-btn{background:linear-gradient(100deg,#f43f5e,#a855f7,#06b6d4);color:#fff;border:0;box-shadow:0 8px 22px rgba(168,85,247,.28);transition:.3s}
.course-cta-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 28px rgba(168,85,247,.38)}
@media(max-width:1199px){.course-image{height:570px}}
@media(max-width:991px){.course-sticky{position:static!important}.course-image{height:480px;max-height:none}.course-feature:hover{transform:none}}
@media(max-width:575px){.course-image{height:340px}}



@media(max-width:991px){.course-sticky{position:static!important}.course-image{width:100%;height:auto;max-height:none}}