.video-section-title {
     border-left: 5px solid #0d6efd;
     padding-left: 12px;
     margin-bottom: 24px;
     gap: 10px;
 }

 .video-card {
     border: none;
     border-radius: 10px;
     overflow: hidden;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     height: 100%;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
 }

 .video-card:hover {
     transform: translateY(-2px);
 }

 .video-thumbnail {
     height: 150px;
     width: 100%;
     display: block;
     border-bottom: 1px solid #eee;
 }

 .video-title {
     font-size: .8rem;
     font-weight: 500;
     min-height: 48px;
     color: #222;
 }

 .watch-btn {
     font-size: 0.8rem;
 }

 .empty-state {
     text-align: center;
     color: #888;
     margin-top: 50px;
     font-size: 1.1rem;
 }

 .empty-state svg {
     width: 40px;
     height: 40px;
     margin-bottom: 10px;
     color: #ccc;
 }