/* Additional custom styles for enhanced retro effects */
@keyframes rainbow {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

.rainbow-mode {
    animation: rainbow 3s linear infinite;
}

/* Custom scrollbar for retro look */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #1a1a2e;
    border-left: 2px solid #a855f7;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #a855f7, #06b6d4);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ec4899, #a855f7);
}

/* Neon border animation */
@keyframes border-glow {
    0%, 100% { 
        box-shadow: 
            0 0 5px rgba(168, 85, 247, 0.5),
            inset 0 0 5px rgba(6, 182, 212, 0.1);
    }
    50% { 
        box-shadow: 
            0 0 20px rgba(236, 72, 153, 0.8),
            inset 0 0 20px rgba(168, 85, 247, 0.2);
    }
}

.neon-border-glow {
    animation: border-glow 2s ease-in-out infinite;
}

/* Matrix rain effect overlay */
.matrix-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.03;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(168, 85, 247, 0.5) 2px,
        rgba(168, 85, 247, 0.5) 4px
    );
    animation: matrix-move 10s linear infinite;
}

@keyframes matrix-move {
    0% { transform: translateY(0); }
    100% { transform: translateY(20px); }
}