/* === PRELOADER BASE === */
#preloader {
  position: fixed;
  inset: 0;
  background: radial-gradient(
    circle at center,
    #f1faf5 0%,
    #e3f4ea 60%,
    #d8f3dc 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  opacity: 1;
  visibility: visible;
  transition: opacity 1.1s ease, visibility 1.1s ease;
}

/* hide state */
#preloader.hide {
  opacity: 0;
  visibility: hidden;
}

/* === LOGO WRAPPER === */
.logo-wrapper {
  position: relative;
  width: 260px;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === LOGO === */
.logo-wrapper img {
  width: 180px;
  height: auto;
  animation: logoPulse 3.8s ease-in-out infinite;
  filter: drop-shadow(0 0 28px rgba(82, 183, 136, 0.55));
}

/* === ANIMATION === */
@keyframes logoPulse {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 20px rgba(82, 183, 136, 0.4));
  }

  50% {
    transform: scale(1.08);
    filter: drop-shadow(0 0 40px rgba(82, 183, 136, 0.75));
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 20px rgba(82, 183, 136, 0.4));
  }
}