.course-catalog{
margin-top:20px;
}

.category-title{
margin-top:40px;
font-size:28px;
border-bottom:2px solid #ddd;
padding-bottom:10px;
}

.course-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
gap:25px;
margin-top:20px;
}

.course-card{
background:#fff;
border-radius:10px;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
padding:15px;
transition:transform .2s;
}

.course-card:hover{
transform:translateY(-4px);
}

.course-image{
width:100%;
height:160px;
object-fit:cover;
border-radius:6px;
}

.course-title{
margin-top:12px;
font-size:18px;
}

.course-desc{
font-size:14px;
color:#666;
margin-top:8px;
}

.course-btn{
display:inline-block;
margin-top:12px;
padding:8px 16px;
background:#0f6cbf;
color:white;
border-radius:6px;
text-decoration:none;
}