/* Start custom CSS *//* HERO SECTION */
#hero {
    animation: fadeUpHero 1.2s ease-out forwards;
    opacity: 0;
}
@keyframes fadeUpHero {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Floating 3D Object */
#hero .hero-3d-object {
    animation: floatY 6s ease-in-out infinite;
}
@keyframes floatY {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}/* End custom CSS */