/* Preloader background */
#preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0d6efd; /* Blue background */
  display: flex;
  flex-direction: column; /* Stack vertically */
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: all 0.8s ease;
}

/* Gold Gradient Letter S */
#preloader .letter {
  font-size: 6rem;
  font-weight: 900;
  background: linear-gradient(45deg, #FFD700, #FFA500, #FFD700);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 1.5s infinite linear;
}

/* Shining animation */
@keyframes shine {
  0% { text-shadow: 0 0 5px #FFD700, 0 0 10px #FFA500, 0 0 20px #FFD700; }
  50% { text-shadow: 0 0 20px #FFA500, 0 0 40px #FFD700, 0 0 60px #FFA500; }
  100% { text-shadow: 0 0 5px #FFD700, 0 0 10px #FFA500, 0 0 20px #FFD700; }
}

/* Loading text */
#preloader .loading-text {
  margin-top: 15px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 2px;
  animation: blink 1s infinite;
}

/* Blinking effect */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* Hide after loading */
#preloader.hide {
  opacity: 0;
  visibility: hidden;
}