body {
  background-color: #0a0a0a;
  color: #ffffff;
  font-family: "Lexend", sans-serif;
  overflow-x: hidden;
}
.film-grain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.04;
  background-image: url("https://www.transparenttextures.com/patterns/carbon-fibre.png");
}
.viewfinder-corner {
  position: absolute;
  width: 20px;
  height: 20px;
  border-color: #fdc500;
}
.viewfinder-tl {
  top: 10px;
  left: 10px;
  border-top: 2px solid;
  border-left: 2px solid;
}
.viewfinder-tr {
  top: 10px;
  right: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
}
.viewfinder-bl {
  bottom: 10px;
  left: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;
}
.viewfinder-br {
  bottom: 10px;
  right: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
}

.wasp-watermark {
  position: absolute;
  font-size: 20vw;
  font-weight: 900;
  color: rgba(253, 197, 0, 0.03);
  z-index: -1;
  user-select: none;
  white-space: nowrap;
}

/* Custom Hover Effect for Cards */
.service-card:hover .service-icon {
  transform: scale(1.1) rotate(5deg);
}

/* Smooth Accordion */
.faq-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.faq-item.active .faq-content {
  max-height: 200px;
}
.faq-item.active .faq-icon {
  transform: rotate(45deg);
}