.course-card[data-v-2ccd56cd]{background:#1e1e2d;border:2px solid #9203dd;width:380px;height:434px;border-radius:7.5px;opacity:1;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.course-card[data-v-2ccd56cd]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(146,3,221,.3)}.course-badge[data-v-2ccd56cd]{position:absolute;top:12px;left:12px;z-index:10}.badge-free[data-v-2ccd56cd],.badge-premium[data-v-2ccd56cd]{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;border-radius:4px;padding:3px 12px;display:inline-block;letter-spacing:.5px}.badge-free[data-v-2ccd56cd]{background:#fff;color:#9203dd}.badge-premium[data-v-2ccd56cd]{background:#9203dd;color:#fff}.card-header-bg[data-v-2ccd56cd]{background:#1e1e2d}.image-container[data-v-2ccd56cd]{width:376px;height:188px;border-radius:7.5px;opacity:1;overflow:hidden;background:#1e1e2d;display:flex;align-items:center;justify-content:center}.course-image[data-v-2ccd56cd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#1e1e2d}.card-body-wrapper[data-v-2ccd56cd]{justify-content:space-between;padding:16px 32px;overflow:hidden}.card-body-content[data-v-2ccd56cd],.card-body-wrapper[data-v-2ccd56cd]{display:flex;flex-direction:column;flex:1}.status-badges-container[data-v-2ccd56cd]{display:flex;justify-content:center;margin-bottom:16px}.status-badge[data-v-2ccd56cd]{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;border-radius:4px;padding:3px 12px;display:inline-block;letter-spacing:.5px}.status-not-started[data-v-2ccd56cd]{background:#fff;color:#9203dd}.status-in-progress[data-v-2ccd56cd]{background:#9203dd;color:#fff}.status-completed[data-v-2ccd56cd]{background:#0ab983;color:#fff}.course-name[data-v-2ccd56cd]{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:8px}.course-description[data-v-2ccd56cd]{color:#fff;font-weight:500;font-size:.875rem;text-align:center;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.button-container[data-v-2ccd56cd]{display:flex;justify-content:center;margin-top:16px;padding-top:16px}.watch-course-btn[data-v-2ccd56cd]{background:linear-gradient(90deg,#9203dd,#4f0277);width:166px;height:45px;border-radius:9px;opacity:1;color:#fff;border:none;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.watch-course-btn[data-v-2ccd56cd]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(146,3,221,.4)}.course-filter-modal-overlay[data-v-6d7d682e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1050;display:flex;justify-content:flex-end}.course-filter-modal[data-v-6d7d682e]{width:35%;height:100vh;background:#1e1e2d;box-shadow:-4px 0 15px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-6d7d682e]{padding:24px;border-bottom:1px solid #2b2b40;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-6d7d682e]{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.close-button[data-v-6d7d682e]{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-button[data-v-6d7d682e]:hover{color:#9203dd}.modal-body[data-v-6d7d682e]{flex:1;padding:24px;overflow-y:auto}.form-group[data-v-6d7d682e]{margin-bottom:20px}.form-label[data-v-6d7d682e]{display:block;margin-bottom:8px;color:#fff;font-size:.95rem}.form-control[data-v-6d7d682e]{width:100%;padding:12px 16px;background:#2b2b40;border:1px solid #3f3f54;border-radius:6px;color:#fff;font-size:.95rem;transition:border-color .3s ease}.form-control[data-v-6d7d682e]:focus{outline:none;border-color:#9203dd}.form-control[data-v-6d7d682e]::-moz-placeholder{color:#7e8299}.form-control[data-v-6d7d682e]:-ms-input-placeholder{color:#7e8299}.form-control[data-v-6d7d682e]::placeholder{color:#7e8299}.course-type-options[data-v-6d7d682e]{display:flex;flex-direction:column;gap:12px}.course-type-option[data-v-6d7d682e]{display:flex;align-items:center;padding:12px 16px;background:#2b2b40;border:1px solid #3f3f54;border-radius:6px;cursor:pointer;transition:all .3s ease;margin:0}.course-type-option[data-v-6d7d682e]:hover{background:#3f3f54;border-color:#9203dd}.course-type-option input[type=checkbox][data-v-6d7d682e]{cursor:pointer;width:18px;height:18px;accent-color:#9203dd}.course-type-option span[data-v-6d7d682e]{color:#fff;font-size:.95rem}.modal-footer[data-v-6d7d682e]{padding:24px;border-top:1px solid #2b2b40}.apply-filter-button[data-v-6d7d682e]{width:100%;padding:14px 24px;background:#9203dd;border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-filter-button[data-v-6d7d682e]:hover{background:#7a02b8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(146,3,221,.3)}.apply-filter-button[data-v-6d7d682e]:active{transform:translateY(0)}.slide-fade-enter-active[data-v-6d7d682e]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-6d7d682e]{transition:all .3s ease-in}.slide-fade-enter-from[data-v-6d7d682e],.slide-fade-leave-to[data-v-6d7d682e]{opacity:0}.slide-fade-enter-from .course-filter-modal[data-v-6d7d682e],.slide-fade-leave-to .course-filter-modal[data-v-6d7d682e]{transform:translateX(100%)}@media (max-width:1024px){.course-filter-modal[data-v-6d7d682e]{width:50%}}@media (max-width:768px){.course-filter-modal[data-v-6d7d682e]{width:80%}}@media (max-width:480px){.course-filter-modal[data-v-6d7d682e]{width:100%}}.btn-primary[data-v-d0273304]{background-color:#9203dd;border-color:#9203dd;transition:all .3s ease}.btn-primary[data-v-d0273304]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(146,3,221,.3)}.btn-primary[data-v-d0273304]:active,.btn-primary[data-v-d0273304]:focus,.btn-primary[data-v-d0273304]:hover{background-color:#7a02b8;border-color:#7a02b8}@media (min-width:922px) and (max-width:1520px){.col-lg-4[data-v-d0273304]{flex:0 0 50%;max-width:50%}}@media (min-width:768px) and (max-width:921px){.col-md-6[data-v-d0273304]{flex:0 0 50%;max-width:50%}}@media (min-width:575px) and (max-width:820px){.col-sm-6[data-v-d0273304]{flex:0 0 100%;max-width:100%}}