.modern-course-cards-wrapper{width:100%}.course-filters{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.course-filter-btn{background:0 0;border:2px solid #ddd;color:#333;padding:8px 20px;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease}.course-filter-btn:hover{border-color:#036}.course-filter-btn.active{background-color:#036;border-color:#036;color:#fff}.course-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-card{background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.course-card-image{width:100%;aspect-ratio:16/9;height:200px;object-fit:cover;object-position:center;display:block}@supports (aspect-ratio:16/9){.course-card-image{height:auto}}.course-card-content{padding:25px;display:flex;flex-direction:column;flex-grow:1}.course-card-title{font-size:1.25rem;margin:0 0 10px;color:#222}.course-card-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem;color:#666;border-bottom:1px solid #eee;padding-bottom:10px}.course-card-meta-item{display:flex;align-items:center;gap:5px}.course-card-excerpt{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:20px;flex-grow:1}.course-card-btn{display:inline-block;padding:10px 0;text-align:center;border-radius:4px;font-weight:700;text-decoration:none;background-color:#036;color:#fff;transition:opacity .3s ease}.course-card-btn:hover{opacity:.85}