@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes slideUp {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
    20%, 40%, 60%, 80% { transform: translateX(2px); }
}
.animate-fadeIn { animation: fadeIn 0.8s ease-out; }
.animate-slideUp { animation: slideUp 0.8s ease-out; }
.animate-shake { animation: shake 1.5s infinite; }

html {
    scroll-behavior: smooth;
}

body {
    scroll-padding-top: 4rem;
}