body { font-family: Arial, sans-serif; margin: 0; background: #f8f8f8; }
header { background: #333; color: white; padding: 20px; text-align: center; }
nav { display: flex; justify-content: center; background: #444; flex-wrap: wrap; }
nav a { color: white; padding: 14px 20px; text-decoration: none; }
nav a:hover { background: #666; }
h1, h2 { text-align: center; margin-top: 20px; }
.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; padding: 20px; }
.gallery img { width: 100%; border-radius: 5px; cursor: pointer; transition: transform 0.3s; }
.gallery img:hover { transform: scale(1.05); }
footer { background: #333; color: white; text-align: center; padding: 20px; margin-top: 40px; }

/* Lightbox */
.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lightbox img {
  max-width: 90%;
  max-height: 80%;
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
.lightbox.active {
  display: flex;
}
.lightbox-close {
  position: absolute;
  top: 20px; right: 30px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}
.lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  color: white;
  padding: 10px;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
  cursor: pointer;
}
.lightbox-prev { left: 30px; }
.lightbox-next { right: 30px; }
.lightbox-nav:hover { background: rgba(255,255,255,0.2); }

/* Contact Form Styles */
form { margin-top: 20px; }
.form-group { margin-bottom: 20px; }
label { display: block; margin-bottom: 8px; font-weight: bold; }
input[type="text"], input[type="email"], textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
}
textarea { resize: vertical; }
.btn-submit {
  width: 100%;
  padding: 14px;
  background: #003366;
  color: white;
  font-size: 18px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}
.btn-submit:hover {
  background: #0055aa;
}
#responseMessage {
  margin-top: 20px;
  font-size: 16px;
}