/* Custom animations and effects */
@keyframes flicker {
    0%, 100% { 
        text-shadow: 0 0 5px #06B6D4, 0 0 10px #06B6D4, 0 0 15px #06B6D4, 0 0 20px #EC4899, 0 0 25px #EC4899; 
    }
    50% { 
        text-shadow: 0 0 2px #06B6D4, 0 0 5px #06B6D4, 0 0 8px #06B6D4, 0 0 10px #EC4899, 0 0 12px #EC4899; 
    }
}

.title-flicker {
    animation: flicker 3s infinite linear;
}

/* Custom neon shadow effects */
.shadow-neon-cyan {
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.3);
}

.hover\:shadow-neon-cyan:hover {
    box-shadow: 0 0 15px rgba(6, 182, 212, 0.6), 0 0 30px rgba(6, 182, 212, 0.4);
}

.hover\:shadow-neon-pink:hover {
    box-shadow: 0 0 15px rgba(236, 72, 153, 0.6), 0 0 30px rgba(236, 72, 153, 0.4);
}

.hover\:shadow-neon-purple:hover {
    box-shadow: 0 0 15px rgba(147, 51, 234, 0.6), 0 0 30px rgba(147, 51, 234, 0.4);
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar for cyberpunk feel */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0d1117;
}

::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 5px;
    border: 2px solid #0d1117;
}

::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}

/* Font family override for cyberpunk look */
body {
    font-family: 'Consolas', 'Monaco', 'Andale Mono', 'Ubuntu Mono', monospace;
}

/* Additional hover effects for service cards */
.service-card:hover {
    transform: translateY(-8px) scale(1.02);
}

/* Backdrop blur fallback */
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}

.backdrop-blur-md {
    backdrop-filter: blur(12px);
}

.backdrop-blur-lg {
    backdrop-filter: blur(16px);
}