.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
                url('https://images.unsplash.com/photo-1506905925346-21bda4d32df4?q=80&w=2070') center/cover;
    min-height: 100vh;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes slideInRight {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}

.card-float {
    animation: float 6s ease-in-out infinite;
}

.card-float:nth-child(2) {
    animation-delay: 1s;
}

.card-float:nth-child(3) {
    animation-delay: 2s;
}

.card-float:nth-child(4) {
    animation-delay: 3s;
}