body.ui-style-5 {
  --primary-color: hsl(115, 70%, 50%);
  --secondary-color: hsl(295, 60%, 60%);
}

.video-card {
  transition: transform 0.3s, box-shadow 0.3s;
}

.video-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.layout-E .video-grid {
  gap: 32px;
}

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

  .container {
    padding: 0 15px;
  }

  article, section {
    padding: 20px !important;
  }

  h1 {
    font-size: 24px !important;
  }

  h2 {
    font-size: 20px !important;
  }
}