
.video-grid .video-card:hover { transform: translateY(-4px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.video-list a:hover { color: #3498db; }
section { animation: fadeIn 0.6s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) {
  .video-grid { grid-template-columns: 1fr !important; }
  article { padding: 20px !important; }
  .meta-info > div { grid-template-columns: 1fr !important; }
}
