body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.preloader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: var(--primary-color, #0F0F0F);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease;
}
.preloader.loaded {
  opacity: 0;
  pointer-events: none;
}

.btn {
  @apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-accent hover:bg-yellow-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-accent transition-all duration-300;
}
.btn-outline {
  @apply border-accent text-accent bg-transparent hover:bg-accent hover:text-white;
}
.btn-dark {
  @apply bg-primary text-white hover:bg-gray-800;
}

.form-input {
  @apply w-full bg-transparent border-b border-gray-600 text-white pb-3 focus:outline-none focus:border-accent transition-colors placeholder-gray-500;
}

.form-group {
  @apply mb-6;
}
.form-group label {
  @apply block text-sm font-poppins text-gray-400 mb-2;
}

.card {
  @apply bg-darkGray border border-white/5 rounded-lg overflow-hidden transition-all duration-300;
}
.card:hover {
  @apply border-white/20 transform -translate-y-1 shadow-[0_10px_30px_rgba(0, 0, 0, 0.5)];
}
.card-img-wrapper {
  @apply relative overflow-hidden aspect-[3/4] bg-primary flex items-center justify-center;
}
.card-img-wrapper img {
  @apply w-full h-full object-cover transition-transform duration-700;
}
.card-img-wrapper:hover img {
  @apply transform scale-110;
}
.card-body {
  @apply p-6 text-center;
}

.header {
  @apply fixed top-0 w-full z-50 transition-all duration-300;
}
.header.scrolled {
  @apply shadow-md glass-dark py-2;
}

.footer {
  @apply bg-darkGray text-gray-300 py-12 border-t border-white/10;
}
.footer-title {
  @apply text-white font-playfair text-xl mb-6 font-semibold;
}
.footer-link {
  @apply hover:text-accent transition-colors duration-300;
}

.smooth-hover {
  transition: all 0.3s ease-in-out;
}

/*# sourceMappingURL=style.css.map */