/* Custom Neon and Liquid Effects for Nando Graphic */

:root {
  --neon-cyan: #0ff;
  --neon-magenta: #f0f;
  --neon-green: #39ff14;
  --bg-black: #000000;
}

/* Global Dark Mode */
body {
  background-color: var(--bg-black) !important;
  color: #ffffff;
}

/* Neon Text Glow */
.neon-text-cyan {
  color: var(--neon-cyan);
  text-shadow: 0 0 5px var(--neon-cyan), 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan);
}
.neon-text-magenta {
  color: var(--neon-magenta);
  text-shadow: 0 0 5px var(--neon-magenta), 0 0 10px var(--neon-magenta), 0 0 20px var(--neon-magenta);
}

/* Neon Box Glow */
.neon-box-green {
  box-shadow: 0 0 10px var(--neon-green), 0 0 20px var(--neon-green) inset;
  border: 1px solid var(--neon-green);
}

/* Liquid Button Effect */
.liquid-btn {
  position: relative;
  overflow: hidden;
  background: transparent;
  color: #fff;
  border: 2px solid var(--neon-cyan);
  transition: all 0.3s ease;
  z-index: 1;
}

.liquid-btn::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--neon-cyan);
  transition: all 0.4s ease;
  z-index: -1;
  border-radius: 50% 50% 0 0;
}

.liquid-btn:hover::before {
  top: 0;
  border-radius: 0;
}

.liquid-btn:hover {
  color: #000;
  box-shadow: 0 0 15px var(--neon-cyan);
}