/* 🔥 Gradient Pulse + Looping Transition */
.kly-bg-wrapper-507185c1 {
  position: relative;
  width: 100%;
  min-height: 400px;
  height: 50vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(270deg, #ff6600, #0099ff);
  background-size: 400% 400%;
  animation: gradientShift_507185c1 15s ease infinite;
  overflow: hidden;
  border-radius: 12px;
}

@keyframes gradientShift_507185c1 {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Center logo */
.kly-logo-507185c1 {
  font-size: 5rem;
  font-weight: bold;
  background: linear-gradient(to right, red, blue, lightblue, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: glowPulse_507185c1 4s ease-in-out infinite;
  user-select: none;
}

/* ✨ Glow Effect */
@keyframes glowPulse_507185c1 {
  0% { filter: drop-shadow(0 0 5px #00f); }
  50% { filter: drop-shadow(0 0 20px #0ff); }
  100% { filter: drop-shadow(0 0 5px #00f); }
}

/* 🌪️ Rotating Elements */
.kly-fan-507185c1, .kly-snowflake-507185c1 {
  position: absolute;
  font-size: 4rem;
  line-height: 1;
}

.kly-fan-507185c1 {
  top: 20%;
  left: 20%;
  animation: spinFan_507185c1 10s linear infinite;
}

.kly-snowflake-507185c1 {
  bottom: 20%;
  right: 20%;
  animation: spinSnowflake_507185c1 10s linear infinite reverse;
}

@keyframes spinFan_507185c1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes spinSnowflake_507185c1 {
  from { transform: rotate(360deg); }
  to { transform: rotate(0deg); }
}