@keyframes slideInBounce{0%{opacity:0;transform:translateY(-30px) scale(.8)}60%{opacity:.8;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutFade{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3;transform:translateY(-15px) scale(.95)}to{opacity:0;transform:translateY(-30px) scale(.8)}}@keyframes expandLine{0%{transform:scaleX(0);opacity:0}50%{opacity:.5}to{transform:scaleX(1);opacity:1}}@keyframes collapseLine{0%{transform:scaleX(1);opacity:1}50%{opacity:.5}to{transform:scaleX(0);opacity:0}}@keyframes moveUpSmooth{0%{transform:translateY(0)}50%{transform:translateY(-30px) scale(1.1)}to{transform:translateY(-25px) scale(1)}}@keyframes moveDownSmooth{0%{transform:translateY(-25px)}50%{transform:translateY(5px) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes rotateSwitchButton{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1.15)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}to{opacity:0;transform:scale(.5)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes menu-dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menu-dropdown-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes draw{50%{fill:rgba(0,0,0,0)}to{fill:#02967b;stroke-dashoffset:0}}@keyframes draw-back{0%{fill:#02967b;stroke-dashoffset:0}10%{fill:rgba(0,0,0,0)}to{fill:none;stroke-dashoffset:2000}}@keyframes hide{to{display:none}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes pulse{0%{opacity:.8;transform:scale(1)}25%{opacity:1;transform:scale(1.05)}75%{opacity:.8;transform:scale(.95)}to{opacity:.8;transform:scale(1)}}@keyframes flyAway{0%{opacity:0;offset-distance:0;transform:scale(.8) rotate(0deg)}10%{opacity:1;transform:scale(1) rotate(-10deg)}to{opacity:0;offset-distance:100%;transform:scale(.7) rotate(10deg)}}.referral-header{margin-bottom:32px;text-align:center}@media(max-width:770px){.referral-header{margin-bottom:24px}}.banner{display:flex;gap:40px;align-items:center;padding:32px;background-color:rgba(2,150,123,.2);border-radius:24px}@media(max-width:770px){.banner{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:16px;margin-bottom:40px;text-align:center}}@media(max-width:1024px){.banner{display:flex;flex-direction:column;gap:32px;justify-content:center;padding:16px}}.banner .banner-image{flex-shrink:0}@media(max-width:1024px){.banner .banner-image{align-self:center}.banner .banner-image img{width:100%;height:auto}}.banner .banner-content{flex:1 1}.banner .banner-content .banner-title{text-align:left;font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}@media(max-width:770px){.banner .banner-content .banner-title{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;text-align:left}}.banner .banner-content .banner-text{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0}@media(max-width:770px){.banner .banner-content .banner-text{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0;text-align:left}}.banner .banner-content .banner-button{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:32px;cursor:pointer;border:none;width:200px;height:42px;background-color:#02967b;border-radius:16px;color:#fff;max-width:280px}@media(max-width:1024px){.banner .banner-content .banner-button{width:100%;margin-top:24px;height:48px;font-weight:600;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0;max-width:none}}.banner .banner-content .banner-button:hover{background-color:#008e78}.banner .banner-content .banner-button:focus{outline:2px solid #02967b;outline-offset:2px}@media(max-width:770px){.how-it-works-section{margin-bottom:40px}}.how-it-works-section .how-it-works-container{display:flex;gap:20px;justify-content:center;align-items:stretch;margin-top:40px}@media(max-width:770px){.how-it-works-section .how-it-works-container{flex-direction:column}.how-it-works-section .how-it-works-container .advantage-item{margin:0 auto}.how-it-works-section .how-it-works-container{gap:24px;margin-top:24px}}@media(max-width:1024px){.how-it-works-section .how-it-works-container{gap:32px;margin-top:32px}}.how-it-works-section .how-it-works-item{display:flex;flex-direction:column;height:100%;min-height:220px;background-color:#f3f3f3;border-radius:24px;padding:20px;width:100%}@media(max-width:770px){.how-it-works-section .how-it-works-item{min-height:100px;padding:16px;border-radius:16px}}.how-it-works-section .how-it-works-item .how-it-works-item-header{display:flex;align-items:center;gap:18px}.how-it-works-section .how-it-works-item .how-it-works-item-header .green-icon-container{font-weight:700;font-style:Regular;font-size:14px;line-height:18px;letter-spacing:0;display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;color:#fff;background-color:#02967b;border-radius:50%}@media(max-width:770px){.how-it-works-section .how-it-works-item .how-it-works-item-header .green-icon-container{width:28px;min-width:28px;height:28px;font-weight:700;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0}}.how-it-works-section .how-it-works-item .how-it-works-item-header .how-it-works-item-header-text{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}@media(max-width:770px){.how-it-works-section .how-it-works-item .how-it-works-item-header .how-it-works-item-header-text{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}}.how-it-works-section .how-it-works-item ul{display:flex;flex-direction:column;gap:8px;padding-left:27px;margin:10px 0 0;flex-grow:1}@media(max-width:770px){.how-it-works-section .how-it-works-item ul{padding-left:16px;gap:6px}}.how-it-works-section .how-it-works-item ul li{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0;margin:0}@media(max-width:770px){.how-it-works-section .how-it-works-item ul li{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0}}.how-it-works-section .how-it-works-item .divider{text-align:center;display:flex;justify-content:center;align-items:center}@media(max-width:770px){.how-it-works-section .how-it-works-item .divider{margin:12px 0}}.how-it-works-section .how-it-works-item .divider .header-lines-text-container{gap:8px}.how-it-works-section .how-it-works-item .divider .header-lines-text-container .text{font-weight:500;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0}.how-it-works-section .how-it-works-item .divider .header-lines-text-container .text-line{height:1px;background-color:#dfe4e3}.earnings-section{margin-bottom:60px}@media(max-width:770px){.earnings-section{margin-bottom:40px}}.earnings-section .earns-container{max-width:1400px;margin:0 auto;display:flex;gap:40px;align-items:center;justify-content:space-evenly;margin-top:40px}@media(max-width:770px){.earnings-section .earns-container{display:flex;flex-direction:column;gap:24px;justify-content:center;margin-top:24px}}@media(max-width:1024px){.earnings-section .earns-container{display:flex;flex-direction:column;gap:32px;justify-content:center;margin-top:32px}}.earnings-section .earns-container .earn-item{max-width:320px;cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;background-color:#fff;border-radius:16px;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media(max-width:770px){.earnings-section .earns-container .earn-item{max-width:100%}}.earnings-section .earns-container .earn-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.earnings-section .earns-container .earn-item .earn-item-image{width:100%;position:relative}.earnings-section .earns-container .earn-item .earn-item-image img{width:100%;height:auto;display:block}.earnings-section .earns-container .earn-item .earn-item-content{padding:16px}.earnings-section .earns-container .earn-item .earn-item-content .earn-item-title{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;margin-bottom:8px}@media(max-width:770px){.earnings-section .earns-container .earn-item .earn-item-content .earn-item-title{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}}.earnings-section .earns-container .earn-item .earn-item-content .earn-item-text{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0;margin-top:5px}@media(max-width:770px){.earnings-section .earns-container .earn-item .earn-item-content .earn-item-text{font-weight:400;font-style:Regular;font-size:12px;line-height:16px;letter-spacing:0}}.rules-section{margin-bottom:20px}@media(max-width:770px){.rules-section{margin-bottom:40px}}.rules-section .rules-container{max-width:1400px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px auto 0}@media(max-width:770px){.rules-section .rules-container{flex-direction:column;gap:20px;margin-top:24px}}@media(max-width:1024px){.rules-section .rules-container{gap:24px;margin-top:32px}}.rules-section .rules-container .rules-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;position:relative;background-color:#f3f3f3;padding:20px;max-width:416px;border-radius:24px}@media(max-width:770px){.rules-section .rules-container .rules-item{max-width:100%;padding:16px;border-radius:16px;text-align:left}}.rules-section .rules-container .rules-item .green-icon-container{display:flex;width:40px;height:40px;background-color:#02967b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center}@media(max-width:770px){.rules-section .rules-container .rules-item .green-icon-container{width:40px;height:40px}}.rules-section .rules-container .rules-item .green-icon-container img{width:24px;height:24px;align-self:center}@media(max-width:770px){.rules-section .rules-container .rules-item .green-icon-container img{width:20px;height:20px}}.rules-section .rules-container .rules-item .rules-item-text{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;flex-grow:1;margin-top:8px}@media(max-width:770px){.rules-section .rules-container .rules-item .rules-item-text{font-weight:600;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}}.banner-text-content{flex:1 1}.banner-text-content .banner-title{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;color:#02967b;text-align:left}@media(max-width:1024px){.banner-text-content .banner-title{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;margin-bottom:12px}}.banner-text-content .banner-text{font-weight:400;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;max-width:750px;margin-bottom:8px}@media(max-width:770px){.banner-text-content .banner-text{font-weight:400;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0;margin-bottom:6px}}.banner-text-content .banner-text.bold{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}@media(max-width:770px){.banner-text-content .banner-text.bold{font-weight:700;font-style:Regular;font-size:14px;line-height:20px;letter-spacing:0}}.banner-text-content .banner-text:last-child{margin-bottom:0}.banner-icon-container{flex-shrink:0;text-align:left}@media(max-width:770px){.banner-icon-container{align-self:center}}