.page-header {
    background: linear-gradient(135deg, #1f2937 0%, #374151 50%, #334155 100%);
}

.course-card {
    transition: all 0.3s ease;
}

.course-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
}

.course-card.coming-soon {
    opacity: 0.8;
}

.btn[data-filter].active {
    background-color: #334155;
    border-color: #334155;
    color: white;
}