.hero-section{color:#fff;flex-direction:column;width:100%;height:100vh;max-height:600px;display:flex;position:relative;overflow:hidden}.hero-section .home-bg,.hero-section .home-mobile-bg{z-index:1;pointer-events:none;width:100%;position:absolute;bottom:-1px!important;left:0!important;top:unset!important;height:auto!important}.hero-section .home-mobile-bg{display:none}@media (max-width:767px){.hero-section .home-mobile-bg{display:block}.hero-section .home-bg{display:none}}.hero-section .curved-arrow{z-index:1;pointer-events:none;width:100px;display:none;position:absolute;top:41%;right:22%}@media (min-width:992px){.hero-section .curved-arrow{display:block}}.hero-section .background-wrapper{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.hero-section .background-image{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.hero-section .background-image.active{opacity:1}.hero-section .hero-content{z-index:10;text-align:center;opacity:0;flex-direction:column;align-items:center;padding-top:2rem;padding-left:1rem;padding-right:1rem;transition:opacity .8s ease-out,transform .8s ease-out;display:flex;position:relative;transform:translateY(50px)}@media (max-width:560px){.hero-section .hero-content{justify-content:center;margin-bottom:4rem}}.hero-section .hero-content.active{opacity:1;height:100%;animation:.8s ease-out forwards slideUpFade;transform:translateY(0)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-section .subtitle-badge{-webkit-backdrop-filter:blur(4px);background-color:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;display:flex}.hero-section .subtitle-text{font-size:1.125rem;font-weight:700;line-height:1.75rem}html[lang=en] .hero-section .subtitle-text{font-size:.8rem}.hero-section .subtitle-accent{color:#127c3a}.hero-section .subtitle-emoji{font-size:1.25rem;line-height:1.75rem}.hero-section .main-heading{max-width:900px;margin-top:.5rem;margin-bottom:3rem;font-size:1.5rem;font-weight:900}@media (min-width:768px){.hero-section .main-heading{font-size:2rem}}@media (min-width:1024px){.hero-section .main-heading{font-size:2.5rem}html[lang=en] .hero-section .main-heading{max-width:700px;font-size:2.5rem}}.hero-section .main-heading-accent{color:#39ff14}.hero-section .floating-avatars{z-index:1;opacity:0;background:linear-gradient(rgba(14,122,49,.6) 22.71%,rgba(217,217,217,0) 86.23%);border-radius:1.5rem;gap:1rem;padding:1rem;transition:opacity .6s ease-out .3s;display:none;position:absolute;bottom:1rem;right:1rem;box-shadow:0 1px 4px rgba(0,0,0,.16)}.hero-section .floating-avatars.active{opacity:1}@media (min-width:992px){.hero-section .floating-avatars{flex-direction:column;display:flex}}.hero-section .floating-avatars .title{color:#fff}.hero-section .floating-avatars .content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero-section .floating-avatars .images{align-items:center;display:flex;position:relative}.hero-section .floating-avatars .football img{width:60px}.hero-section .avatar{border:2px solid #fff;border-radius:9999px;width:3rem;height:3rem;margin-left:-.75rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hero-section .avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-section .avatar-plus{background-color:#127c3a;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin-left:-.75rem;display:flex;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.hero-section .floating-card-right{z-index:1;opacity:0;background:linear-gradient(2900deg,rgba(14,122,49,.6) 22.71%,rgba(217,217,217,0) 86.23%);border-radius:1.5rem;align-items:center;gap:.5rem;min-width:200px;padding:1.5rem 1rem;transition:opacity .6s ease-out .4s;display:none;position:absolute;bottom:1rem;left:1rem;box-shadow:0 1px 4px rgba(0,0,0,.16)}.hero-section .floating-card-right.active{opacity:1}@media (min-width:992px){.hero-section .floating-card-right{display:flex}}.hero-section .floating-card-right .card-title{color:#0a4939;justify-content:center;align-items:center;width:80px;margin:0 auto;display:flex;position:relative}.hero-section .floating-card-right .card-subtitle{color:#0a4939;text-align:center;font-size:.875rem;font-weight:500;line-height:1.4}html[lang=en] .hero-section .floating-card-right .card-subtitle{text-align:left}