/* ===================================
   VAPORWAVE AESTHETIC
   Retro-futuristic neon design
   =================================== */

:root {
  /* Vaporwave color palette */
  --vw-pink: #FF71CE;
  --vw-cyan: #01CDFE;
  --vw-purple: #B967FF;
  --vw-green: #05FFA1;
  --vw-magenta: #FF006E;
  --vw-blue: #8338EC;
  --vw-yellow: #FFBE0B;

  /* Gradients */
  --vw-gradient-main: linear-gradient(135deg,
    #FF71CE 0%,
    #B967FF 25%,
    #8338EC 50%,
    #01CDFE 75%,
    #05FFA1 100%);

  --vw-gradient-alt: linear-gradient(45deg,
    #8338EC 0%,
    #B967FF 33%,
    #FF71CE 66%,
    #FF006E 100%);

  --vw-gradient-neon: linear-gradient(90deg,
    #01CDFE 0%,
    #05FFA1 50%,
    #FFBE0B 100%);
}

/* Animated background */
.vaporwave-bg {
  background: #000000;
}

/* Grid background effect - disabled for performance */
.vaporwave-grid {
  position: relative;
}

/* Neon text effects - simplified */
.neon-text {
  color: #fff;
}

/* Neon glow for elements - disabled for performance */
.neon-glow-pink {
}

.neon-glow-cyan {
}

.neon-glow-purple {
}

.neon-glow-green {
}

/* Gradient text - simplified */
.gradient-text {
  background: var(--vw-gradient-main);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Holographic effect - simplified */
.holographic {
  background: linear-gradient(
    45deg,
    var(--vw-pink) 0%,
    var(--vw-cyan) 25%,
    var(--vw-purple) 50%,
    var(--vw-green) 75%,
    var(--vw-pink) 100%
  );
}

/* Scan lines effect - disabled for performance */
.scan-lines {
  position: relative;
}

/* Retro border */
.retro-border {
  border: 2px solid var(--vw-cyan);
}

/* Glitch effect - disabled for performance */
.glitch {
  position: relative;
}

/* Pulse animation - disabled for performance */
.pulse-neon {
  opacity: 1;
}

/* Floating particles - disabled for performance */
.particles {
  position: relative;
  overflow: hidden;
}

/* Chrome/metallic effect - simplified */
.chrome-text {
  background: linear-gradient(
    90deg,
    #fff 0%,
    #e0e0e0 25%,
    #fff 50%,
    #e0e0e0 75%,
    #fff 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Retro button - simplified */
.retro-button {
  background: linear-gradient(135deg, var(--vw-pink), var(--vw-purple));
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.retro-button:hover {
  opacity: 0.9;
}

.retro-button:active {
  opacity: 0.8;
}

/* Sun/Grid effect for hero - simplified */
.vaporwave-sun {
  width: 200px;
  height: 200px;
  background: linear-gradient(135deg, var(--vw-yellow), var(--vw-magenta));
  border-radius: 50%;
}

/* Perspective grid - disabled for performance */
.perspective-grid {
  position: relative;
}