@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleUp {
    from { transform: scale(0); }
    to { transform: scale(1); }
}

.animate-text {
    animation: fadeIn 1s ease-out;
}

.animate-profile {
    animation: scaleUp 0.8s ease-out;
}

.animate-box {
    animation: fadeIn 1s ease-out;
    animation-delay: 0.2s;
    animation-fill-mode: both;
}

.animate-box:nth-child(2) { animation-delay: 0.4s; }
.animate-box:nth-child(3) { animation-delay: 0.6s; }
.animate-box:nth-child(4) { animation-delay: 0.8s; }