/* Header Background */
.header-bg {
    height: 80px;
    background: linear-gradient(90deg, #15803d, #16a34a) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    animation: slideDownHeader 0.8s ease-out;
}

@keyframes slideDownHeader {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* Hero Section Background & Animation */
.home-banner-theme10 {
    margin: -27px 0 0 0 !important;
    padding: 10rem 0 !important;
    background: linear-gradient(135deg, rgba(21, 128, 61, 0.85), rgba(22, 163, 74, 0.75)), 
                url('../images/soccer-bg.png') no-repeat center center !important;
    background-size: cover !important;
    animation: heroImagePulse 20s ease-in-out infinite alternate !important;
    position: relative;
    overflow: hidden;
}

@keyframes heroImagePulse {
    0% { background-size: 110%; background-position: center; }
    100% { background-size: 130%; background-position: center; }
}

/* Hero Content Animations */
.theme10-main-title {
    animation: fadeInUpTheme3 1s ease-out both;
}

.theme10-sub-title {
    animation: fadeInUpTheme3 1s ease-out both 0.3s;
}

.search-form-theme10 {
    animation: scaleInTheme3 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) both 0.5s;
}

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

@keyframes scaleInTheme3 {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}