body { font-family: system-ui, -apple-system, sans-serif; }
.hero { background: linear-gradient(135deg, #0d6efd, #0a58ca); color: white; padding: 4rem 0; }
.card-hover:hover { transform: translateY(-5px); transition: 0.3s; }
.video-thumb { cursor: pointer; position: relative; }
.video-thumb::after {
  content: "▶";
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 3rem; color: white; text-shadow: 0 0 10px black; pointer-events: none;
}
.modal-video .modal-dialog { max-width: 800px; }
.modal-video .modal-body { padding: 0; aspect-ratio: 16/9; }
.modal-video iframe { width: 100%; height: 100%; border: 0; }