@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;500;700&display=swap');

/* Custom neon effects */
.neon-text {
  text-shadow: 0 0 5px #3b82f6, 0 0 10px #3b82f6, 0 0 15px #3b82f6;
}

.neon-box {
  box-shadow: 0 0 5px #3b82f6, 0 0 10px #3b82f6;
}

.neon-box-purple {
  box-shadow: 0 0 5px #8b5cf6, 0 0 10px #8b5cf6;
}

/* Animation for buttons */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

.btn-neon {
  animation: pulse 2s infinite;
}

.btn-neon:hover {
  animation: none;
  box-shadow: 0 0 10px #3b82f6, 0 0 20px #3b82f6, 0 0 30px #3b82f6;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #111827;
}

::-webkit-scrollbar-thumb {
  background: #4f46e5;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #6366f1;
}

/* Cyberpunk font classes */
.font-tech {
  font-family: 'Share Tech Mono', monospace;
}

.font-orbitron {
  font-family: 'Orbitron', sans-serif;
}
/* Add to your styles.css */
@keyframes slide-down {
    0% { transform: translateY(-20px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes fade-in {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fade-out {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

.animate-slide-down {
    animation: slide-down 0.3s ease-out forwards;
}

.animate-fade-in {
    animation: fade-in 0.3s ease-out forwards;
}

.animate-fade-out {
    animation: fade-out 0.3s ease-out forwards;
}
/* Animations */
@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.animate-fade-in {
    animation: fade-in 0.3s ease-out forwards;
}

.animate-fade-out {
    animation: fade-out 0.3s ease-out forwards;
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Toast positioning */
.fixed {
    position: fixed;
}
.z-50 {
    z-index: 50;
}