.video-card { transition: transform 0.3s; cursor: pointer; }
.video-card:hover { transform: translateY(-5px); }
.video-card h3 a { color: #2c3e50; text-decoration: none; font-size: 18px; }
.video-card h3 a:hover { color: #3498db; }
.video-card .meta { color: #777; font-size: 14px; margin: 8px 0; }
.video-card .desc { color: #555; font-size: 15px; line-height: 1.6; }
.video-grid .video-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.section { margin: 40px 0; }
.section h2 { font-size: 28px; margin-bottom: 20px; color: #2c3e50; }
@media (max-width: 768px) {
  .video-grid { grid-template-columns: 1fr !important; }
  .container { padding: 0 15px; }
  .hero { padding: 20px !important; }
  h1 { font-size: 24px !important; }
  .section h2 { font-size: 22px !important; }
}