body { font-family: Arial, sans-serif; background-color: #333; color: white; }
h1 { text-align: center; color: #FFD700; }
.menu { margin: 50px; }
.menu a { display: block; color: #FFA500; font-size: 1.5em; margin: 40px 0; text-decoration: none; }
.menu a:hover { color: #FFD700; }
h2, h3 { color: #FFA500; }
.menu { text-align: center; }
.section { margin: 40px 20px; }
.video-container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.video-card { background-color: #444; padding: 10px; border-radius: 8px; width: 100%; max-width: 300px; text-align: center; flex: 1 1 calc(33.33% - 20px); }
.video-card video { width: 100%; border-radius: 8px; }
.video-title { color: #FFA500; cursor: pointer; text-decoration: underline; }
.video-title:hover { color: #FFD700; }
.accordion-content { display: none; }
.back-link { color: #FFA500; text-decoration: none; font-size: 1.2em; }
.back-link:hover { color: #FFD700; }
.icon { margin-right: 10px; font-size: 12px; transition: transform 0.3s ease; }
.icon.open { transform: rotate(90deg); }