:root {
  --space-purple: #1a0033;
  --neon-blue: #00f5ff;
  --hot-pink: #ff00aa;
  --matrix-green: #00ffaa;
  --glow-effect: 0 0 10px currentColor;
}

body {
  background: var(--space-purple);
  color: white;
  font-family: 'Rajdhani', 'Orbitron', sans-serif;
  overflow-x: hidden;
}

/* Holographic cards */
.card-future {
  background: rgba(20, 20, 40, 0.6);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow: 0 0 30px rgba(0, 245, 255, 0.2);
  transition: all 0.3s ease;
}

.card-future:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0, 245, 255, 0.4);
}

/* Animated gradient borders */
.glow-border {
  position: relative;
}

.glow-border::after {
  content: '';
  position: absolute;
  inset: -2px;
  z-index: -1;
  background: linear-gradient(45deg,
    var(--neon-blue),
    var(--hot-pink),
    var(--matrix-green));
  border-radius: inherit;
  filter: blur(5px);
  opacity: 0.7;
}