/* Animations and hover effects */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

.neo-button:hover {
    box-shadow: 8px 8px 0px var(--shadow-color);
    transform: translate(-2px, -2px);
}

.neo-input:focus {
    box-shadow: 6px 6px 0px var(--shadow-color);
    transform: translate(-2px, -2px);
    outline: none;
}

.error {
    border-color: var(--primary-color);
    animation: shake 0.5s;
}

/* Reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
    .neo-morphic {
        transition: none;
    }
}