/* Hero Section */
.hero {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-slider {
  height: 100%;
  position: relative;
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity var(--transition-slow);
  z-index: 1;
}

.slide.active {
  opacity: 1;
  z-index: 2;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.6);
}

.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: var(--color-white);
  width: 90%;
  max-width: 800px;
  z-index: 3;
}

.hero-content h1 {
  color: var(--color-white);
  margin-bottom: var(--space-2);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  animation: fadeInDown 1s ease-out;
}

.hero-content p {
  font-size: 1.5rem;
  margin-bottom: var(--space-4);
  animation: fadeInUp 1s ease-out 0.3s;
  animation-fill-mode: both;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.hero-content .btn-primary {
  animation: fadeIn 1s ease-out 0.6s;
  animation-fill-mode: both;
}

.slider-controls {
  position: absolute;
  bottom: var(--space-4);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: var(--space-1);
  z-index: 3;
}

.control {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.control.active {
  background-color: var(--color-primary);
  transform: scale(1.2);
}

/* About Section */
.about-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
  align-items: center;
}

.about-text {
  padding-right: var(--space-3);
}

.about-text h3 {
  margin-bottom: var(--space-2);
  color: var(--color-secondary);
}

.about-text p {
  margin-bottom: var(--space-3);
  color: var(--color-gray-700);
}

.about-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
}

.about-images .image {
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.about-images .image:first-child {
  transform: translateY(var(--space-3));
}

.about-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.about-images .image:hover img {
  transform: scale(1.05);
}

/* Hotels Section */
.hotels {
  background-color: var(--color-gray-100);
}

.hotels-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: var(--space-4);
}

.hotel-card {
  background-color: var(--color-white);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.hotel-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
}

.hotel-image {
  position: relative;
  height: 240px;
  overflow: hidden;
}

.hotel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

.hotel-card:hover .hotel-image img {
  transform: scale(1.05);
}

.hotel-badge {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  background-color: var(--color-primary);
  color: var(--color-secondary-dark);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: var(--radius-sm);
  z-index: 2;
}

.hotel-info {
  padding: var(--space-3);
}

.hotel-rating {
  display: flex;
  gap: 4px;
  margin-bottom: var(--space-2);
}

.star {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(80%);
}

.star.active {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23D4AF37" stroke="%23D4AF37" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>');
  filter: none;
}

.star.half {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="50%" stop-color="%23D4AF37"/><stop offset="50%" stop-color="%23BBBBBB" stop-opacity="0.3"/></linearGradient></defs><polygon fill="url(%23grad)" stroke="%23D4AF37" stroke-width="1" points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>');
}

.hotel-details {
  margin: var(--space-2) 0;
}

.detail {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-1);
  color: var(--color-gray-600);
  font-size: 0.9rem;
}

.icon.location {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
}

.icon.price {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
}

/* Amenities Section */
.amenities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--space-4);
}

.amenity-card {
  background-color: var(--color-white);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  text-align: center;
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.amenity-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-lg);
}

.amenity-icon {
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto var(--space-2);
  transition: transform var(--transition-normal);
}

.amenity-card:hover .amenity-icon {
  transform: scale(1.1);
}

.amenity-card h3 {
  margin-bottom: var(--space-2);
  font-size: 1.3rem;
}

.amenity-card p {
  color: var(--color-gray-600);
  font-size: 0.95rem;
}

.amenity-icon.casino {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="%23D4AF37"><path d="M344 16c-48.6 0-88 39.4-88.1 88l0 5.7c0 30.3-11.9 59.4-33.2 80.7L131.4 282.4c-4.3 4.3-6.7 10.1-6.7 16.2c0 12.6 10.2 22.9 22.9 22.9c6.1 0 11.9-2.4 16.2-6.7l91.1-91.1c21.3-21.3 50.4-33.2 80.7-33.2l5.7 0c48.6 0 88-39.4 88-88s-39.4-88-88-88zm56 88c0 30.9-25.1 56-56 56s-56-25.1-56-56s25.1-56 56-56s56 25.1 56 56zM120 176a56 56 0 1 0 112 0A56 56 0 1 0 120 176zM168 96c-44.2 0-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80s-35.8-80-80-80zM344 400a56 56 0 1 0 112 0 56 56 0 1 0 -112 0zm56-80c-44.2 0-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80s-35.8-80-80-80zM120 400a56 56 0 1 0 112 0 56 56 0 1 0 -112 0zm56-80c-44.2 0-80 35.8-80 80s35.8 80 80 80s80-35.8 80-80s-35.8-80-80-80z"/></svg>');
}

.amenity-icon.dining {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23D4AF37"><path d="M416 0C400 0 288 32 288 176V288c0 35.3 28.7 64 64 64h32V480c0 17.7 14.3 32 32 32s32-14.3 32-32V352 240 32c0-17.7-14.3-32-32-32zM64 16C64 7.8 57.9 1 49.7 .1S34.2 4.6 32.4 12.5L2.1 148.8C.7 155.1 0 161.5 0 167.9c0 45.9 35.1 83.6 80 87.7V480c0 17.7 14.3 32 32 32s32-14.3 32-32V255.6c44.9-4.1 80-41.8 80-87.7c0-6.4-.7-12.8-2.1-19.1L191.6 12.5c-1.8-8-9.3-13.3-17.4-12.4S160 7.8 160 16V150.2c0 5.4-4.4 9.8-9.8 9.8c-5.1 0-9.3-3.9-9.8-9L127.9 14.6C127.2 6.3 120.3 0 112 0s-15.2 6.3-15.9 14.6L83.7 151c-.5 5.1-4.7 9-9.8 9c-5.4 0-9.8-4.4-9.8-9.8V16zm48.3 152l-.3 0-.3 0 .3-.7 .3 .7z"/></svg>');
}

.amenity-icon.spa {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23D4AF37"><path d="M192 64c0-17.7-14.3-32-32-32s-32 14.3-32 32V308.8c-21.9 32-33 70.6-33 110.1c0 20.7 3.5 36.3 9.2 46.5c5.5 9.7 13.8 15.9 28.6 15.9h88.7c18.1 0 27.4-7.1 33.5-17.5c6.1-10.5 9.5-25.1 9.5-44c0-39.5-11.1-78.1-33-110.1V160c0-17.7-14.3-32-32-32s-32 14.3-32 32V288v4.8c9.5 13.7 16.8 28.6 22 44c6.9 20.7 10 43.2 10 67.3c0 15.7-2.5 22.2-4.3 25.3c-1.4 2.5-3.7 4.3-11.2 4.3H151.8c-7.3 0-9.6-1.8-11-4.1c-1.9-3.4-4.3-10.7-4.3-26.2c0-33.9 9.1-66.7 26.4-94l8.7-13.7V224V160 64zm46.6 347.8c0 26.2-5.9 48.2-17.1 66.2C210.1 496.8 188.7 512 151.8 512H63c-24.9 0-44.1-13.1-55.3-33.1C-3.6 459.5-8 428.8-8 400c0-47.7 14.5-92.8 40.5-130.5C57.5 232 72 200.8 72 166V64C72 28.7 100.7 0 136 0s64 28.7 64 64v96h.8c35.3 0 64 28.7 64 64c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-17.7-14.3-32-32-32h-2.1c-8.6 10.3-18 19.7-27.7 28.4c10 11 19.8 19.2 28.1 24.2c2.3 1.4 4.3 2.5 5.9 3.3c.1-.2 .2-.5 .2-.8c0-9.8 3.5-18.8 9.3-25.8c22.8-15.1 42.6-34.1 59.4-57.2c15.9-21.9 29.9-46.8 41.9-74.5c5.2-12 19.2-17.4 31.3-12.2s17.4 19.2 12.2 31.3C342.2 146.9 325.9 176 307.3 201.9c-6.7 9.3-13.7 18-21 26.3c4.8 9.9 7.6 20.9 7.6 32.6c0 14.6-4.1 28.2-11.3 39.8c2.8 1.5 5.7 3.4 8.5 5.3c11.1 8 21.7 19.8 28.5 36.4c5.5 13.4 8.2 29 8.2 47.3c0 26.2-5.9 48.2-17.1 66.2C300.1 474.8 278.7 490 241.8 490h-3.2zM336 400c0-11.5-1.6-19.8-3.9-25.7c-2.3-6-4.9-9-8.2-11.4c-9.1-6.5-24.7-8.7-40.7-9.7c-16-1-33.2-1-46.8-5.5c-8.2-2.7-15.4-8.2-22.2-21.8c-6.8-13.6-13-36.3-16.2-74.6c-1.2-14.7-14.1-25.5-28.8-24.3s-25.5 14.1-24.3 28.8c3.9 47.5 11.8 79.1 23.4 101.9c11.6 22.8 29.3 37.1 53.4 45.2c25.7 8.6 54.3 5.8 67.3 6.5c2.5 .1 4.3 .3 5.6 .4c1 .1 1.4 .2 1.3 .2c.5 .4 1.2 1.2 1.9 2.5c.7 1.2 1.3 3 1.7 5.6c.4 2.6 .6 5.7 .6 9.8c0 17.9-3.3 27.2-6.5 32.8c-3.2 5.6-7.1 8.1-16.3 8.1h-88c-5.9 0-11.2-4.8-11.2-10.7c0-2.4-.4-7.7 4-13.3c4.4-5.6 11.7-10.6 16-11.9c17.4-5.6 30.4-19.7 32.8-37.9c1.1-8.1 1.9-16.5 2.5-25.2c1.3-21.4-15.1-39.8-36.5-41.1s-39.8 15.1-41.1 36.5c-.3 5.1-.7 10.1-1.1 14.7c-.7 7.5-6.3 13.3-13 15.2c-3.9 1.1-7.6 2.3-11.2 3.7C222.2 390.3 200 428.8 200 473.9c0 18.3 3.5 34.1 9.5 46.6C216 535.5 232.5 544 249.9 544h88c17.3 0 34-8.5 46.5-23.5c12.6-15 20.5-36.4 20.5-64.6c0-21.7-3.7-43.1-11.9-60.4c-8.2-17.2-19.7-29.6-33-37.6c-1.7-1-3.4-1.9-5.2-2.7-11.5-6.7-26.1-5.1-35.9 3.5c-10 8.8-12.1 23.6-5.2 34.7c1.7 2.8 3.7 5.3 5.3 7.2c1.6 1.9 2.9 3.1 3.7 3.8c1.3 1.1 1.9 1.5 1.9 1.5v0c2 1.6 3.3 4 3.5 6.5c.2 2.7-.7 5.3-2.5 7.3c-0 .1-.2 .2-.2 .3c4.1 4.7 7.9 10.4 11.2 17.6c3.8 8.2 6.6 18.7 6.6 32.3z"/></svg>');
}

.amenity-icon.shows {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23D4AF37"><path d="M256 0c17.7 0 32 14.3 32 32V192H448c17.7 0 32 14.3 32 32s-14.3 32-32 32H320 288 64c-17.7 0-32-14.3-32-32s14.3-32 32-32H224V32c0-17.7 14.3-32 32-32zM288 352c17.7 0 32 14.3 32 32v32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H288 256 224 192c-17.7 0-32-14.3-32-32s14.3-32 32-32h32V384c0-17.7 14.3-32 32-32zm-96-96c0-17.7 14.3-32.1 32-32.1s32 14.3 32 32.1c0 17.7-14.3 32-32 32s-32-14.3-32-32z"/></svg>');
}

.amenity-icon.pools {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23D4AF37"><path d="M309.5 178.4L447.9 297.1c-1.6 .9-3.2 2-4.8 3c-18 12.4-40.1 20.3-59.2 20.3c-19.6 0-40.8-7.7-59.2-20.3c-22.1-15.5-51.6-15.5-73.7 0c-17.1 11.8-38 20.3-59.2 20.3c-10.1 0-21.1-2.2-31.9-6.2C163.1 193.2 262.2 96 384 96h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H384c-26.9 0-52.3 6.6-74.5 18.4zM96 128A64 64 0 1 1 224 128a64 64 0 1 1 -128 0zM544 432l-96-32-96 32-96-32-96 32-96-32V352c0-35.3 28.7-64 64-64c7.1 0 13.9 1.2 20.3 3.3c21.7-8.6 45.6-13.3 70.5-13.3c10.9 0 21.6 1 32 2.9c19.7-18.8 46.4-30.3 76-30.3c27.9 0 53.2 10.3 72.5 27.3c15.9-9.2 34.4-14.5 54.1-14.5c59.5 0 107.7 48.2 107.7 107.7V432z"/></svg>');
}

.amenity-icon.vip {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" fill="%23D4AF37"><path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 310.4 9.6 320 21.3 320H234.7c.2 0 .4 0 .7 0c-26.6-23.5-43.3-57.8-43.3-96c0-7.6 .7-15 1.9-22.3c-13.6-6.3-28.7-9.7-44.6-9.7H106.7C47.8 192 0 239.8 0 298.7zM320 320c24 0 45.1-12.3 57.4-31c7.9 5.9 16.9 10.3 26.6 12.8V480c0 17.7-14.3 32-32 32H256c-17.7 0-32-14.3-32-32V384H224v96c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V301.8c-7.9 .9-15.9 1.3-24 1.3c-.7 0-1.3-.3-2-.3V336c0 44.2 35.8 80 80 80h48c17.7 0 32 14.3 32 32v32c0 17.7 14.3 32 32 32h80c17.7 0 32-14.3 32-32V448c0-17.7 14.3-32 32-32h48c44.2 0 80-35.8 80-80V301.8c-.7 0-1.3 .3-2 .3c-8.1 0-16.1-.4-24-1.3V480c0 17.7-14.3 32-32 32H416c-17.7 0-32-14.3-32-32V301.8c9.7-2.6 18.7-7 26.6-12.8c12.3 18.6 33.4 31 57.4 31h21.3c11.8 0 21.3-9.6 21.3-21.3C510.7 239.8 462.9 192 404 192H362.7c-15.9 0-31 3.5-44.6 9.7c1.3 7.2 1.9 14.7 1.9 22.3c0 38.2-16.8 72.5-43.3 96c.2 0 .4 0 .7 0H298.7z"/></svg>');
}

/* Reviews Section */
.reviews-slider {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

.review-card {
  display: none;
  background-color: var(--color-white);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  box-shadow: var(--shadow-md);
  margin: 0 auto;
}

.review-card.active {
  display: block;
}

.review-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-3);
}

.review-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: var(--space-2);
  border: 2px solid var(--color-primary);
}

.review-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.review-author h4 {
  margin-bottom: 4px;
}

.review-date {
  margin-top: var(--space-2);
  color: var(--color-gray-500);
  font-size: 0.9rem;
  text-align: right;
}

.slider-dots {
  display: flex;
  justify-content: center;
  gap: var(--space-1);
  margin-top: var(--space-4);
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-gray-300);
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.dot.active {
  background-color: var(--color-primary);
  transform: scale(1.2);
}

/* Contact Section */
.contact {
  background-color: var(--color-gray-100);
}

.contact-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
}

.contact-info h3 {
  margin-bottom: var(--space-3);
}

.info-item {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-2);
}

.icon.phone {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
}

.icon.email {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
}

.social-links {
  display: flex;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.social-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.social-icon:hover {
  background-color: var(--color-primary);
  transform: translateY(-3px);
}

.social-icon.facebook {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

.social-icon.instagram {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

.social-icon.twitter {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

.social-icon.youtube {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"></path><polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"></polygon></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

/* Contact Form */
.contact-form {
  background-color: var(--color-white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  padding: var(--space-4);
}

.form-group {
  margin-bottom: var(--space-3);
}

.form-group label {
  display: block;
  margin-bottom: var(--space-1);
  font-weight: 600;
  color: var(--color-gray-700);
  font-size: 0.95rem;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: var(--space-2);
  border: 1px solid var(--color-gray-300);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 1rem;
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}

.form-group textarea {
  resize: vertical;
}