/* Custom animations beyond Tailwind */
.shake {
    animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

.success-pop {
    animation: pop 0.3s ease-out forwards;
}

@keyframes pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); box-shadow: 0 0 15px #34d399; }
    100% { transform: scale(1); }
}