/* GQLite.com Logo Neon Glow Style */

/* Importing Google Fonts for consistency */
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Poppins:wght@800&family=Bebas+Neue&display=swap');

/* Neon glow effect - For special occasions or dark mode */
.gqlite-logo-neon span {
  animation: neon-pulse 2s ease-in-out infinite alternate;
}

.gqlite-logo-neon span:nth-child(1) { color: #ff3366; text-shadow: 0 0 10px #ff3366, 0 0 20px #ff3366, 0 0 30px #ff3366, 0 0 40px #ff3366; }
.gqlite-logo-neon span:nth-child(2) { color: #33ff66; text-shadow: 0 0 10px #33ff66, 0 0 20px #33ff66, 0 0 30px #33ff66, 0 0 40px #33ff66; }
.gqlite-logo-neon span:nth-child(3) { color: #3366ff; text-shadow: 0 0 10px #3366ff, 0 0 20px #3366ff, 0 0 30px #3366ff, 0 0 40px #3366ff; }
.gqlite-logo-neon span:nth-child(4) { color: #ff33ff; text-shadow: 0 0 10px #ff33ff, 0 0 20px #ff33ff, 0 0 30px #ff33ff, 0 0 40px #ff33ff; }
.gqlite-logo-neon span:nth-child(5) { color: #ffcc33; text-shadow: 0 0 10px #ffcc33, 0 0 20px #ffcc33, 0 0 30px #ffcc33, 0 0 40px #ffcc33; }
.gqlite-logo-neon span:nth-child(6) { color: #33ffff; text-shadow: 0 0 10px #33ffff, 0 0 20px #33ffff, 0 0 30px #33ffff, 0 0 40px #33ffff; }
.gqlite-logo-neon span:nth-child(7) { color: #ff3366; text-shadow: 0 0 10px #ff3366, 0 0 20px #ff3366, 0 0 30px #ff3366, 0 0 40px #ff3366; }
.gqlite-logo-neon span:nth-child(8) { color: #33ff66; text-shadow: 0 0 10px #33ff66, 0 0 20px #33ff66, 0 0 30px #33ff66, 0 0 40px #33ff66; }
.gqlite-logo-neon span:nth-child(9) { color: #3366ff; text-shadow: 0 0 10px #3366ff, 0 0 20px #3366ff, 0 0 30px #3366ff, 0 0 40px #3366ff; }
.gqlite-logo-neon span:nth-child(10) { color: #ff33ff; text-shadow: 0 0 10px #ff33ff, 0 0 20px #ff33ff, 0 0 30px #ff33ff, 0 0 40px #ff33ff; }

/* Hover effect for neon logo */
.gqlite-logo-neon:hover span {
  animation-duration: 1s;
}

/* Animation keyframes for neon pulse */
@keyframes neon-pulse {
  0% { opacity: 0.7; text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor, 0 0 20px currentColor; }
  100% { opacity: 1; text-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor, 0 0 40px currentColor; }
}

/* Responsive adjustments for neon style */
@media (max-width: 768px) {
  .gqlite-logo-neon span {
    text-shadow: 0 0 8px currentColor, 0 0 15px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;
  }
}

@media (max-width: 480px) {
  .gqlite-logo-neon span {
    text-shadow: 0 0 5px currentColor, 0 0 10px currentColor, 0 0 15px currentColor, 0 0 20px currentColor;
  }
}