body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #fff;
  color: #000;
}
.site-header, .site-footer {
  background: #000;
  color: #fff;
  padding: 1rem;
  text-align: center;
}
nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; }
nav a { color: #fff; margin: 0 1rem; text-decoration: none; }
.hero { padding: 4rem; text-align: center; background: #000; color: #fff; }
.hero button { padding: 0.5rem 1rem; background: #fff; color: #000; border: none; cursor: pointer; }
.carousel-section, .embed-section { padding: 2rem; text-align: center; }
.carousel { position: relative; overflow: hidden; width: 80%; margin: auto; }
.slides { display: flex; transition: transform 0.5s ease; }
.slides img { width: 100%; flex-shrink: 0; }
.prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; font-size: 2rem; cursor: pointer; }
.prev { left: 0; }
.next { right: 0; }
.tab-content { display: none; padding: 1rem; }
.tab-content.active { display: block; }
.tab-button { margin: 0.5rem; padding: 0.5rem 1rem; background: #000; color: #fff; border: none; cursor: pointer; }
.contact-form { max-width: 400px; margin: auto; display: flex; flex-direction: column; }
.contact-form label { margin-bottom: 1rem; }
.contact-form input, .contact-form textarea { width: 100%; padding: 0.5rem; }
.contact-form button { padding: 0.5rem; background: #000; color: #fff; border: none; cursor: pointer; }
.map iframe { width: 100%; height: 300px; border: none; }