body.ui-style-3 {
  font-size: 16px;
}

.video-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.video-card:hover {
  box-shadow: 0 8px 16px rgba(102, 126, 234, 0.2);
  border-color: #667eea;
}

@media (max-width: 768px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.2rem; }
  section { padding: 1.5rem; }
  .video-grid { grid-template-columns: 1fr; gap: 1rem; }
}

@media (max-width: 480px) {
  .container { padding: 0 15px; }
  nav a { font-size: 0.75rem; padding: 0.3rem 0.2rem; }
}