:root{--primary:#6610f2;--primary-light:#f8f3ff;--primary-dark:#520dc2;--secondary:#6c757d;--dark:#212529;--light:#f8f9fa;--success:#198754;--warning:#ffc107;--border-radius:.7rem}.bg-dark-blue{background-color:#1e293b}.bg-darker{background-color:#0f172a}.navbar{background-color:#1e293b!important;box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-link{border:none!important;color:#fff!important;transition:all .3s ease}.nav-link.course:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1)),linear-gradient(0deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));border-radius:inherit;content:"";inset:0;padding:1px;pointer-events:none;position:absolute}.nav-link.course:hover{background:linear-gradient(180deg,hsla(0,0%,100%,0) 17.71%,hsla(0,0%,100%,.15)),hsla(0,0%,100%,.05);border:none}.nav-link.course:hover:after{width:0}.nav-link.course.active{background:linear-gradient(180deg,hsla(0,0%,99%,0) 17.71%,rgba(174,122,255,.5)),rgba(0,255,86,.02)!important}.nav-link.course.social{border-radius:1rem;padding:.8rem}*,:after,:before{box-sizing:border-box}.card{background-color:#1e293b;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;box-shadow:0 8px 16px rgba(0,0,0,.2);transition:all .3s ease;z-index:0}.btn-primary{background-color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-light:hover{color:var(--primary)}.avatar{align-items:center;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.instructor-avatar{height:100%;width:20%}.review-avatar{align-items:center;background-color:var(--primary);border-radius:50%;color:#fff;display:flex;font-weight:700;height:50px;justify-content:center;width:50px}.badge-free{background-color:var(--success);color:#fff}.badge-paid{background-color:var(--warning);color:#212529}.module-header{background-color:rgba(30,41,59,.8);border-right:1px solid var(--primary);border:1px solid var(--primary);border-right-width:4px;cursor:pointer}.fa-angle-up{transition:all .2s ease}.module-content{max-height:0;max-height:1000px;overflow:hidden;transition:height .3s ease;visibility:visible}[aria-expanded=true] .rotate{transform:rotate(180deg)}.lesson-icon{align-items:center;background:#6610f2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:1rem;width:24px}.curriculum-item{border-bottom:1px solid hsla(0,0%,100%,.1);transition:all .2s ease}.curriculum-item:hover{background:rgba(102,16,242,.1)}.curriculum-item:last-child{border-bottom:none}.text-purple{color:var(--primary)}.border-purple{border-color:var(--primary)!important}.plyr__controls,.plyr__controls *{direction:ltr}.plyr{border-radius:1rem;height:20rem}@media screen and (min-width:1024px){.plyr{height:27rem}.mt-7{margin-top:13rem}}.course .card{border:none;border-radius:24px;box-shadow:0 0 50px rgba(0,0,0,.04)}.course .card .card-img-top{display:contents}.course .card img{border-radius:24px 24px 0 0}.course .options{align-items:center;border-bottom:2px solid var(--primary);color:#fff;display:flex;flex-direction:row;justify-content:space-between;margin:1rem 0}.course .options li{color:var(--bs-light);font-size:14px;line-height:21px;margin-bottom:7px;text-align:right;vertical-align:middle}.course .options li:nth-child(2n){color:var(--primary)}.course .timer h5{color:var(--bs-light);font-size:12px;font-weight:600;line-height:18px;text-align:center}.course .timer{text-align:center}.course .timer span{color:#121212;font-weight:600}.course .price-title{color:var(--light);font-size:14px;line-height:21px;text-align:right}.course .discount{background:rgba(24,197,114,.1);border:1px solid #18c572;border-radius:8px;box-sizing:border-box;height:45px;margin-right:1rem;width:45px}.course .discount span{color:#18c572;font-size:12px;line-height:18px;text-align:center}.course .price-items span:first-child{color:#9b9b9b;font-size:12px;line-height:18px;text-decoration:line-through}.course .price-items span:nth-child(2){color:var(--primary-light);font-size:18px;font-weight:700;line-height:27px}.course .support-link{color:var(--primary);font-size:16px;line-height:24px;text-align:right}.course .card-bottom{background:var(--bs-light);border-radius:0 0 24px 24px;left:0;padding-bottom:10px;padding-top:45px;position:absolute;right:0;text-align:center;top:calc(100% - 30px);width:100%;z-index:-1}.course .card-bottom p{margin-bottom:6px;padding:0}.course .card-bottom p:first-child{color:var(--bs-secondary);font-size:14px;line-height:21px}.course .card-bottom p:nth-child(2){color:var(--dark);font-size:24px;font-weight:400;line-height:36px}.course .card-bottom p:last-child{color:var(--dark);font-size:10px;font-weight:600;line-height:15px}.off-badge{align-items:center;background:var(--primary-dark);box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;display:flex;font-weight:500;height:2rem;justify-content:center;left:1rem;padding-top:.3rem;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.2);top:1rem;user-select:none;width:6rem}.off-badge,.off-badge:before{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);border-radius:var(--border-radius);position:absolute}.off-badge:before{background:hsla(0,0%,100%,.25);bottom:-1px;box-shadow:0 8px 32px 0 hsla(230,3%,42%,.37);content:"";left:-1px;right:-1px;top:-1px;z-index:-1}.off-badge span{filter:blur(.1px);height:25px;position:absolute;right:-2px;top:-12px;transform:rotate(-20deg);width:25px}.off-badge span:after,.off-badge span:before{content:"";position:absolute}.off-badge span:before{background:linear-gradient(180deg,transparent,#fff,transparent);height:100%;left:12px;width:1px}.off-badge span:after{background:linear-gradient(270deg,transparent,#fff,transparent);height:1px;top:12px;width:100%}.off-badge:hover span:after,.off-badge:hover span:before{animation:rotate 3s ease-in-out;display:block}@keyframes rotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.8)}to{transform:rotate(1turn) scale(1)}}.teacher-img{align-items:center;border:3px solid #3d4446;border-radius:50%;box-shadow:3px 7px 10px 2px hsla(0,0%,100%,.4);display:flex;height:5.5rem;justify-content:center;padding:.2rem;width:5.5rem}.teacher-img img{border-radius:50%!important;height:100%;width:auto}.loading-overlay{align-items:center;backdrop-filter:blur(3px);background:rgba(15,23,42,.5);border-radius:1rem;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:300}.loading-overlay.active{opacity:1;visibility:visible}.spinner{animation:spin 1.2s linear infinite;border-color:#6366f1 transparent;border-radius:50%;border-style:solid;border-width:3px;height:60px;width:60px}.spinner:after,.spinner:before{border:3px solid transparent;border-radius:50%;content:"";position:absolute}.spinner:before{animation:spin 1.8s linear infinite reverse;border-bottom-color:#818cf8;border-top-color:#818cf8;bottom:5px;left:5px;right:5px;top:5px}.spinner:after{animation:spin 1s linear infinite;border-bottom-color:#a5b4fc;border-top-color:#a5b4fc;bottom:15px;left:15px;right:15px;top:15px}.border-pulse{border-radius:1rem;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:5}.border-pulse.active{animation:borderPulse 1.5s ease-in-out infinite;opacity:1;visibility:visible}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes borderPulse{0%{box-shadow:0 0 0 0 rgba(99,102,241,.7)}70%{box-shadow:0 0 0 10px rgba(99,102,241,0)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}.btn-signup{background:#520dc2;border:2px solid #520dc2;border-radius:16px;box-shadow:0 0 50px rgba(82,13,194,.24);color:#fff;display:block;font-size:24px;font-weight:800;height:54px;transition:all .3s ease}.btn-signup:hover{background:rgba(82,13,194,.2);color:#fff}.btn-signup-warning{background:#ffa800;border:2px solid #ffa800;border-radius:16px;box-shadow:0 0 50px rgba(255,168,0,.24);color:#fff;display:block;font-size:24px;font-weight:800;height:54px;transition:all .3s ease}.btn-signup-warning:hover{background:rgba(255,168,0,.2);color:#ffa800}.btn-signup-secondary{background:#181c32;border:2px solid #181c32;border-radius:16px;box-shadow:0 0 50px rgba(24,28,50,.24);font-size:22px}.btn-signup-primary,.btn-signup-secondary{color:#fff;display:block;font-weight:800;height:54px;transition:all .3s ease}.btn-signup-primary{background:#018cba;border:2px solid #018cba;border-radius:16px;box-shadow:0 0 50px rgba(255,168,0,.24);font-size:18px}.btn-signup-secondary:hover{background:#181c32;color:#fff}.btn-signup-primary:hover{background:#018cba;color:#fff}.bought{font-size:large}
