.video-grid .video-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.video-list a:hover {
  color: #667eea;
}

main { min-height: 60vh; }

@media (max-width: 768px) {
  .video-grid {
    grid-template-columns: 1fr !important;
  }

  h1 { font-size: 1.5rem !important; }
  h2 { font-size: 1.2rem !important; }
}

.list-links a:hover {
  transform: scale(1.05);
  transition: transform 0.3s;
}