@charset "UTF-8";@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.top-banner-section{background:#f8f9fa;padding:2rem 0}.banner-card{background:linear-gradient(135deg,#11273d,#003244);border-radius:1rem;padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 8px 24px #11273d26;position:relative;overflow:hidden;animation:fadeInUp .7s ease-out}.banner-card:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(50,178,208,.15) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}.banner-card:after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(230,165,48,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 5s ease-in-out infinite;animation-delay:1s}.banner-content{flex:1;position:relative;z-index:2}.banner-icon{display:inline-flex;align-items:center;justify-content:center;background:#e6a53026;color:#e6a530;width:48px;height:48px;border-radius:50%;margin-bottom:1rem;box-shadow:0 4px 12px #e6a53033;animation:pulse 2s ease-in-out infinite}.banner-icon i{font-size:1.25rem}.banner-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.banner-subtitle{color:#ffffffe6;font-size:1rem;margin:0;line-height:1.6}.btn-banner-cta{background:#32b2d0;color:#fff;padding:.9rem 2.25rem;border-radius:.5rem;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap;transition:background .25s,box-shadow .25s;box-shadow:0 4px 12px #32b2d04d;position:relative;z-index:2;overflow:hidden}.btn-banner-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-banner-cta:hover{background:#0c6277;color:#fff;box-shadow:0 6px 16px #0c627766}.btn-banner-cta:hover:before{left:100%}.courses-main-section{background:#f8f9fa;padding:2rem 0 4rem}.filter-mobile-bar{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e9ecef;border-radius:.75rem;padding:.5rem .75rem;margin-bottom:.5rem;box-shadow:0 2px 8px #11273d0f}.filter-mobile-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:pointer;color:#11273d;font-size:.9rem;font-weight:700}.filter-mobile-toggle .toggle-left{display:flex;align-items:center;gap:.4rem}.filter-mobile-toggle .toggle-left i{color:#32b2d0}.filter-mobile-toggle .toggle-chevron{font-size:.8rem;color:#6c757d;transition:transform .3s ease}.filter-mobile-toggle:not(.collapsed) .toggle-chevron{transform:rotate(180deg)}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:50px;background:#32b2d0;color:#fff;font-size:.675rem;font-weight:700;padding:0 4px;line-height:1}.btn-clear-mobile{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff0f0;color:#dc3545;font-size:.7rem;text-decoration:none;flex-shrink:0;transition:background .2s;border:1px solid #f5c6cb}.btn-clear-mobile:hover{background:#ffe0e3;color:#dc3545}.filter-sidebar{background:#fff;border-radius:.875rem;border:1px solid #e9ecef;box-shadow:0 2px 12px #11273d0f;padding:1.25rem;position:sticky;top:80px;animation:fadeInUp .6s ease-out}.filter-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:2px solid #f0f4f8}.filter-sidebar-title{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;color:#11273d}.filter-sidebar-title i{color:#32b2d0;font-size:1rem}.btn-clear-all{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#dc3545;text-decoration:none;background:#fff5f5;border:1px solid #f5c6cb;border-radius:.375rem;padding:.25rem .6rem;transition:background .2s,border-color .2s}.btn-clear-all:hover{background:#ffe0e3;border-color:#dc3545;color:#dc3545}.active-chips-section{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed #dee2e6;animation:slideInDown .2s ease-out}.filter-chip{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#11273d,#1a3a5c);color:#fff;font-size:.725rem;font-weight:600;padding:.25rem .45rem .25rem .65rem;border-radius:50px;animation:slideInDown .2s ease-out}.filter-chip i{font-size:.65rem;opacity:.8}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#fff3;color:#fff;font-size:.75rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s}.chip-remove:hover{background:#fff6;color:#fff}.filter-group{margin-bottom:1.125rem}.filter-group:last-child{margin-bottom:0}.filter-group-label{display:flex;align-items:center;gap:.35rem;font-size:.775rem;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem}.filter-group-label i{color:#32b2d0;font-size:.8rem}.filter-search-wrap{position:relative}.filter-search-input{width:100%;padding:.55rem .875rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:.875rem;background:#f8f9fa;color:#11273d;transition:border-color .2s,box-shadow .2s,background .2s}.filter-search-input::placeholder{color:#adb5bd}.filter-search-input:focus{outline:none;border-color:#32b2d0;background:#fff;box-shadow:0 0 0 3px #32b2d01f}.select-inner{position:relative}.filter-select{width:100%;appearance:none;-webkit-appearance:none;padding:.55rem 2.25rem .55rem .875rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#11273d;background:#f8f9fa;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.filter-select:focus{outline:none;border-color:#32b2d0;background:#fff;box-shadow:0 0 0 3px #32b2d01f}.filter-select:hover:not(:focus){border-color:#ced4da;background:#fff}.filter-select.has-value{border-color:#32b2d0;background:#f0fbfe;color:#0c6277;font-weight:600}.select-chevron{position:absolute;inset-inline-end:.75rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#adb5bd;pointer-events:none;transition:color .2s,transform .2s}.select-inner:focus-within .select-chevron{color:#32b2d0;transform:translateY(-50%) rotate(180deg)}.searchable-dropdown{position:relative}.searchable-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .875rem;border:2px solid #e9ecef;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#11273d;background:#f8f9fa;cursor:pointer;text-align:start;transition:border-color .2s,background .2s,box-shadow .2s}.searchable-trigger:hover{border-color:#ced4da;background:#fff}.searchable-trigger:focus{outline:none;border-color:#32b2d0;background:#fff;box-shadow:0 0 0 3px #32b2d01f}.searchable-trigger .searchable-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-trigger .searchable-chevron{font-size:.7rem;color:#adb5bd;flex-shrink:0;transition:transform .25s ease,color .2s}.searchable-dropdown.has-value .searchable-trigger{border-color:#32b2d0;background:#f0fbfe;color:#0c6277;font-weight:600}.searchable-dropdown.has-value .searchable-trigger .searchable-chevron{color:#32b2d0}.searchable-panel{display:none;position:absolute;top:calc(100% + 6px);inset-inline-start:0;width:100%;min-width:220px;background:#fff;border:2px solid #32b2d0;border-radius:.5rem;box-shadow:0 8px 24px #11273d24;z-index:200;overflow:hidden;animation:slideInDown .18s ease-out}.searchable-panel.open{display:block}.searchable-trigger[aria-expanded=true] .searchable-chevron{transform:rotate(180deg);color:#32b2d0}.searchable-search-wrap{position:relative;padding:.5rem .625rem;border-bottom:1px solid #f0f4f8;background:#f8fafc}.searchable-search-icon{position:absolute;inset-inline-start:1.1rem;top:50%;transform:translateY(-50%);color:#adb5bd;font-size:.8rem;pointer-events:none}.searchable-search-input{width:100%;padding:.4rem .5rem .4rem 1.9rem;border:1px solid #dee2e6;border-radius:.375rem;font-size:.825rem;background:#fff;color:#11273d;transition:border-color .2s}.searchable-search-input::placeholder{color:#adb5bd}.searchable-search-input:focus{outline:none;border-color:#32b2d0}[dir=rtl] .searchable-search-input{padding:.4rem 1.9rem .4rem .5rem}.searchable-list{max-height:220px;overflow-y:auto;padding:.375rem 0}.searchable-list::-webkit-scrollbar{width:5px}.searchable-list::-webkit-scrollbar-track{background:#f8f9fa}.searchable-list::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.searchable-option{padding:.5rem .875rem;font-size:.85rem;color:#11273d;cursor:pointer;transition:background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-option:hover{background:#f0fbfe;color:#0c6277}.searchable-option.selected{background:#e8f8fc;color:#0c6277;font-weight:600;position:relative;padding-inline-start:1.75rem}.searchable-option.selected:before{content:"✓";position:absolute;inset-inline-start:.625rem;font-size:.8rem;color:#32b2d0}.searchable-no-results{padding:.75rem .875rem;font-size:.8rem;color:#adb5bd;text-align:center;display:flex;align-items:center;justify-content:center;gap:.35rem}.searchable-no-results i{font-size:.875rem}.results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.results-count{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:#11273d;background:#11273d12;padding:.375rem .875rem;border-radius:50px}.results-count i{color:#32b2d0;font-size:.875rem}.btn-mobile-filter-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:#11273d;color:#fff;border:none;border-radius:.4rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-mobile-filter-toggle:hover{background:#32b2d0}.filter-badge-count{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#32b2d0;color:#fff;font-size:.675rem;font-weight:700;line-height:1}.course-card-modern{background:#fff;border-radius:.875rem;overflow:hidden;box-shadow:0 2px 12px #00000012;border:1px solid #e9ecef;transition:box-shadow .3s,border-color .3s,transform .3s;height:100%;display:flex;flex-direction:column;position:relative}.course-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#32b2d0,#e6a530);opacity:0;transition:opacity .3s}.course-card-modern:hover{box-shadow:0 12px 32px #11273d24;border-color:#32b2d0;transform:translateY(-3px)}.course-card-modern:hover:before{opacity:1}.course-image-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:linear-gradient(135deg,#11273d,#003244)}.course-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.28) 100%);opacity:0;transition:opacity .3s}.course-card-modern:hover .course-image-container:after{opacity:1}.course-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.course-img.loaded{opacity:1}.course-badges-top{position:absolute;top:.875rem;inset-inline-start:.875rem;z-index:2}.badge-type{padding:.3rem .75rem;border-radius:.375rem;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #0000002e;letter-spacing:.3px}.badge-free-type{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.badge-price-type{background:linear-gradient(135deg,#e6a530,#d49520);color:#fff}.course-body-modern{padding:1.125rem;flex:1;display:flex;flex-direction:column}.course-category-label{display:inline-block;background:#32b2d01a;color:#0c6277;padding:.2rem .65rem;border-radius:.25rem;font-size:.7rem;font-weight:700;margin-bottom:.5rem;align-self:flex-start;text-transform:uppercase;letter-spacing:.4px;transition:background .2s,color .2s}.course-card-modern:hover .course-category-label{background:#32b2d0;color:#fff}.course-title-modern{font-size:.925rem;font-weight:700;margin-bottom:.625rem;line-height:1.45;color:#11273d}.course-title-modern a{color:#11273d;text-decoration:none;transition:color .2s}.course-title-modern a:hover{color:#32b2d0}.course-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.625rem;padding-bottom:.625rem;border-bottom:1px solid #f0f0f0;font-size:.775rem;color:#6c757d}.meta-item-modern{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.meta-item-modern i{font-size:.75rem}.meta-item-modern:nth-child(1) i{color:#32b2d0}.meta-item-modern:nth-child(2) i{color:#e6a530}.meta-item-modern:nth-child(3) i{color:#0c6277}.course-instructor-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.instructor-img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #dee2e6;flex-shrink:0;transition:border-color .2s}.course-card-modern:hover .instructor-img{border-color:#32b2d0}.instructor-name-text{font-size:.8rem;color:#495057;font-weight:500;transition:color .2s}.course-card-modern:hover .instructor-name-text{color:#32b2d0}.course-footer-row{display:flex;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:.625rem;border-top:1px solid #f0f0f0}.btn-enroll-modern{background:#32b2d0;color:#fff;padding:.4rem 1rem;border-radius:.375rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:background .25s,box-shadow .25s;box-shadow:0 2px 8px #32b2d040}.btn-enroll-modern:hover{background:#0c6277;color:#fff;box-shadow:0 4px 14px #0c627759}.empty-state-modern{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 2px 12px #00000012;animation:fadeInUp .7s ease-out}.empty-state-modern i{font-size:3.5rem;color:#dee2e6;margin-bottom:1rem;display:block;animation:pulse 2s ease-in-out infinite}.empty-state-modern h3{color:#11273d;margin-bottom:.5rem;font-size:1.2rem}.empty-state-modern p{color:#6c757d;margin-bottom:1.5rem}.btn-clear-filters-empty{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem 1.5rem;background:#11273d;color:#fff;border-radius:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s}.btn-clear-filters-empty:hover{background:#32b2d0;color:#fff;box-shadow:0 4px 14px #32b2d059}.pagination-wrapper{display:flex;justify-content:center;animation:fadeInUp .7s ease-out}.pagination-wrapper .pagination{display:flex;gap:.375rem;list-style:none;padding:0;margin:0}.pagination-wrapper .page-link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:.5rem .75rem;border:1px solid #dee2e6;border-radius:.4rem;color:#11273d;text-decoration:none;font-weight:500;background:#fff;transition:background .2s,border-color .2s,color .2s}.pagination-wrapper .page-link:hover{background:#f1f9fc;border-color:#32b2d0;color:#32b2d0}.pagination-wrapper .page-item.active .page-link{background:linear-gradient(135deg,#32b2d0,#28a0bd);border-color:#32b2d0;color:#fff;font-weight:700;box-shadow:0 4px 12px #32b2d04d}.pagination-wrapper .page-item.disabled .page-link{background:#f8f9fa;border-color:#dee2e6;color:#adb5bd;pointer-events:none}.scroll-reveal{opacity:0;transition:opacity .5s ease}.scroll-reveal.revealed{opacity:1}.ripple-effect{position:absolute;border-radius:50%;background:#ffffff8c;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}[dir=rtl] .filter-select{padding:.55rem .875rem .55rem 2.25rem}[dir=rtl] .course-badges-top{inset-inline-start:.875rem}[dir=rtl] .course-footer-row{justify-content:flex-start}@media(max-width:991px){.filter-sidebar{position:static;border-radius:0 0 .875rem .875rem;border-top:none;box-shadow:0 4px 12px #11273d14;margin-bottom:.5rem;animation:none}.searchable-panel{position:relative;top:auto;width:100%;border-radius:.5rem;margin-top:.375rem}}@media(max-width:767px){.banner-card{flex-direction:column;text-align:center;padding:1.75rem 1.25rem;gap:1.25rem}.btn-banner-cta{width:100%;justify-content:center}}@media print{.filter-sidebar,.pagination-wrapper,.btn-enroll-modern{display:none}.course-card-modern{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}