/* Particle Animation */
.particles-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.particle {
  position: absolute;
  width: var(--size, 8px);
  height: var(--size, 8px);
  background: radial-gradient(circle, rgba(56, 182, 255, 0.8) 0%, rgba(56, 182, 255, 0) 70%);
  border-radius: 50%;
  opacity: 0;
  animation: particleFade 2s ease-in-out infinite; /* Reduced from 3s to 2s */
  animation-delay: var(--delay, 0s);
  will-change: opacity, transform; /* Add will-change for better performance */
}

@keyframes particleFade {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 0.6; /* Reduced from 0.8 to 0.6 */
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

/* Scanner Line Animation */
.scanner-upload-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(to right, rgba(56, 182, 255, 0), rgba(56, 182, 255, 0.8), rgba(56, 182, 255, 0));
  animation: scannerUploadMove 2s linear infinite;
  will-change: transform;
  opacity: 0.8;
  box-shadow: 0 0 8px rgba(56, 182, 255, 0.7);
  z-index: 5;
}

@keyframes scannerUploadMove {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(300px); /* Fixed height instead of viewport height */
  }
}

/* Fonts */
.splash-font {
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 2px;
}

.splash-font-secondary {
  font-family: 'Roboto Mono', monospace;
  letter-spacing: 1px;
}

/* Matrix Text Effect */
.matrix-text {
  font-family: 'Courier New', monospace;
  letter-spacing: 2px;
}

/* Glow Effects */
.drop-shadow-glow {
  filter: drop-shadow(0 0 8px rgba(56, 182, 255, 0.7));
}
