.y5-23-app-1{overflow-x:clip}
@font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("23/static/webfonts/fa-brands-400.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("23/static/webfonts/fa-regular-400.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("23/static/webfonts/fa-solid-900.woff2") format("woff2"); font-display: swap; }
.y5-23-app-1{color:rgb(0, 0, 0);font-family:var(--y5-font);font-size:16px;font-weight:400;line-height:24px;letter-spacing:normal;text-align:start;word-spacing:0px;background-color:rgb(255, 255, 255)}
.y5-23-app-1{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}
.y5-23-app-1 *,.y5-23-app-1 ::after,.y5-23-app-1 ::before{box-sizing: border-box;}
.y5-23-app-1 h1,.y5-23-app-1 h2,.y5-23-app-1 h3,.y5-23-app-1 h6{margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;}
.y5-23-app-1 h1{font-size: calc(1.375rem + 1.5vw);}
@media (min-width: 1200px){
.y5-23-app-1 h1{font-size: 2.5rem;}
}
.y5-23-app-1 h2{font-size: calc(1.325rem + 0.9vw);}
@media (min-width: 1200px){
.y5-23-app-1 h2{font-size: 2rem;}
}
.y5-23-app-1 h3{font-size: calc(1.3rem + 0.6vw);}
@media (min-width: 1200px){
.y5-23-app-1 h3{font-size: 1.75rem;}
}
.y5-23-app-1 h6{font-size: 1rem;}
.y5-23-app-1 p{margin-top: 0px; margin-bottom: 1rem;}
.y5-23-app-1 ul{padding-left: 2rem;}
.y5-23-app-1 ul{margin-top: 0px; margin-bottom: 1rem;}
.y5-23-app-1 strong{font-weight: bolder;}
.y5-23-app-1 .small,.y5-23-app-1 small{font-size: 0.875em;}
.y5-23-app-1 a{color: color-mix(in srgb, var(--y5-p), white 8%); text-decoration: underline;}
.y5-23-app-1 a:hover{color: color-mix(in srgb, var(--y5-p), black 13%);}
.y5-23-app-1 img{vertical-align: middle;}
.y5-23-app-1 ::-webkit-datetime-edit-day-field,.y5-23-app-1 ::-webkit-datetime-edit-fields-wrapper,.y5-23-app-1 ::-webkit-datetime-edit-hour-field,.y5-23-app-1 ::-webkit-datetime-edit-minute,.y5-23-app-1 ::-webkit-datetime-edit-month-field,.y5-23-app-1 ::-webkit-datetime-edit-text,.y5-23-app-1 ::-webkit-datetime-edit-year-field{padding: 0px;}
.y5-23-app-1 ::-webkit-inner-spin-button{height: auto;}
.y5-23-app-1 ::-webkit-search-decoration{appearance: none;}
.y5-23-app-1 ::-webkit-color-swatch-wrapper{padding: 0px;}
.y5-23-app-1 ::-webkit-file-upload-button{font: inherit; appearance: button;}
.y5-23-app-1 .list-unstyled{padding-left: 0px; list-style: none;}
.y5-23-app-1 .img-fluid{max-width: 100%; height: auto;}
.y5-23-app-1 .container{width: 100%; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem); margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.y5-23-app-1 .container{max-width: 540px;}
}
@media (min-width: 768px){
.y5-23-app-1 .container{max-width: 720px;}
}
@media (min-width: 992px){
.y5-23-app-1 .container{max-width: 960px;}
}
@media (min-width: 1200px){
.y5-23-app-1 .container{max-width: 1140px;}
}
@media (min-width: 1400px){
.y5-23-app-1 .container{max-width: 1320px;}
}
.y5-23-app-1 .row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2);}
.y5-23-app-1 .row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y);}
.y5-23-app-1 .col-6{flex: 0 0 auto; width: 50%;}
.y5-23-app-1 .g-3{--bs-gutter-x: 1rem;}
.y5-23-app-1 .g-3{--bs-gutter-y: 1rem;}
.y5-23-app-1 .gy-4{--bs-gutter-y: 1.5rem;}
.y5-23-app-1 .g-5{--bs-gutter-x: 3rem;}
.y5-23-app-1 .g-5{--bs-gutter-y: 3rem;}
@media (min-width: 576px){
.y5-23-app-1 .col-sm-6{flex: 0 0 auto; width: 50%;}
}
@media (min-width: 768px){
.y5-23-app-1 .col-md-6{flex: 0 0 auto; width: 50%;}
}
@media (min-width: 992px){
.y5-23-app-1 .col-lg-6{flex: 0 0 auto; width: 50%;}
}
.y5-23-app-1 .btn{display: inline-block; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
@media (prefers-reduced-motion: reduce){
.y5-23-app-1 .btn{transition: none;}
}
.y5-23-app-1 .btn:hover{color: rgb(33, 37, 41);}
.y5-23-app-1 .btn:focus{outline: 0px; box-shadow: color-mix(in srgb, color-mix(in srgb, var(--y5-p), white 8%) 25%, transparent) 0px 0px 0px 0.25rem;}
.y5-23-app-1 .btn:disabled{pointer-events: none; opacity: 0.65;}
.y5-23-app-1 .btn-warning{color: rgb(0, 0, 0); background-color: color-mix(in srgb, var(--y5-s), white 37%); border-color: color-mix(in srgb, var(--y5-s), white 37%);}
.y5-23-app-1 .btn-warning:hover{color: rgb(0, 0, 0); background-color: color-mix(in srgb, var(--y5-s), white 45%); border-color: color-mix(in srgb, var(--y5-s), white 42%);}
.y5-23-app-1 .btn-warning:focus{color: rgb(0, 0, 0); background-color: color-mix(in srgb, var(--y5-s), white 45%); border-color: color-mix(in srgb, var(--y5-s), white 42%); box-shadow: color-mix(in srgb, var(--y5-s) 50%, transparent) 0px 0px 0px 0.25rem;}
.y5-23-app-1 .btn-warning:active{color: rgb(0, 0, 0); background-color: color-mix(in srgb, var(--y5-s), white 48%); border-color: color-mix(in srgb, var(--y5-s), white 42%);}
.y5-23-app-1 .btn-warning:active:focus{box-shadow: color-mix(in srgb, var(--y5-s) 50%, transparent) 0px 0px 0px 0.25rem;}
.y5-23-app-1 .btn-warning:disabled{color: rgb(0, 0, 0); background-color: color-mix(in srgb, var(--y5-s), white 37%); border-color: color-mix(in srgb, var(--y5-s), white 37%);}
.y5-23-app-1 .badge{display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem;}
.y5-23-app-1 .d-flex{display: flex !important;}
.y5-23-app-1 .shadow{box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;}
.y5-23-app-1 .shadow-sm{box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;}
.y5-23-app-1 .shadow-lg{box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important;}
.y5-23-app-1 .flex-wrap{flex-wrap: wrap !important;}
.y5-23-app-1 .gap-3{gap: 1rem !important;}
.y5-23-app-1 .justify-content-center{justify-content: center !important;}
.y5-23-app-1 .align-items-start{align-items: flex-start !important;}
.y5-23-app-1 .align-items-center{align-items: center !important;}
.y5-23-app-1 .mt-1{margin-top: 0.25rem !important;}
.y5-23-app-1 .me-2{margin-right: 0.5rem !important;}
.y5-23-app-1 .me-3{margin-right: 1rem !important;}
.y5-23-app-1 .mb-0{margin-bottom: 0px !important;}
.y5-23-app-1 .mb-1{margin-bottom: 0.25rem !important;}
.y5-23-app-1 .mb-2{margin-bottom: 0.5rem !important;}
.y5-23-app-1 .mb-3{margin-bottom: 1rem !important;}
.y5-23-app-1 .mb-4{margin-bottom: 1.5rem !important;}
.y5-23-app-1 .mb-5{margin-bottom: 3rem !important;}
.y5-23-app-1 .p-4{padding: 1.5rem !important;}
.y5-23-app-1 .px-3{padding-right: 1rem !important; padding-left: 1rem !important;}
.y5-23-app-1 .px-4{padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
.y5-23-app-1 .py-2{padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.y5-23-app-1 .py-5{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.y5-23-app-1 .pt-3{padding-top: 1rem !important;}
.y5-23-app-1 .pb-3{padding-bottom: 1rem !important;}
.y5-23-app-1 .fs-5{font-size: 1.25rem !important;}
.y5-23-app-1 .fw-bold{font-weight: 700 !important;}
.y5-23-app-1 .text-center{text-align: center !important;}
.y5-23-app-1 .text-primary{color: color-mix(in srgb, var(--y5-p), white 8%) !important;}
.y5-23-app-1 .text-secondary{color: rgb(108, 117, 125) !important;}
.y5-23-app-1 .text-success{color: color-mix(in srgb, var(--y5-p), white 8%) !important;}
.y5-23-app-1 .text-info{color: color-mix(in srgb, var(--y5-p), white 55%) !important;}
.y5-23-app-1 .text-warning{color: color-mix(in srgb, var(--y5-s), white 37%) !important;}
.y5-23-app-1 .text-danger{color: color-mix(in srgb, var(--y5-p), white 8%) !important;}
.y5-23-app-1 .text-dark{color: rgb(33, 37, 41) !important;}
.y5-23-app-1 .text-white{color: rgb(255, 255, 255) !important;}
.y5-23-app-1 .text-muted{color: rgb(108, 117, 125) !important;}
.y5-23-app-1 .bg-dark{background-color: rgb(33, 37, 41) !important;}
.y5-23-app-1 .bg-white{background-color: rgb(255, 255, 255) !important;}
.y5-23-app-1 .rounded{border-radius: 0.25rem !important;}
.y5-23-app-1 .rounded-pill{border-radius: 50rem !important;}
@media (min-width: 768px){
.y5-23-app-1 .p-md-5{padding: 3rem !important;}
}
.y5-23-app-1{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.y5-23-app-1{--fontFamily:'Nunito Sans', sans-serif;--headingFontFamily:'Work Sans', sans-serif;--mainColor:#E51938;--optionalColor:#666666;--whiteColor:#FFFFFF;--blackColor:#000000;--fontSize:16px;--transition:.5s}
.y5-23-app-1 .container{max-width: 1230px;}
.y5-23-app-1 h1,.y5-23-app-1 h2,.y5-23-app-1 h3,.y5-23-app-1 h6{color: var(--blackColor); font-weight: 700; font-family:var(--y5-font);}
.y5-23-app-1 a{transition: var(--transition); color: var(--blackColor); text-decoration: none; outline: 0px !important;}
.y5-23-app-1 a:hover{color: var(--mainColor); text-decoration: none;}
.y5-23-app-1 :focus{outline: 0px !important;}
.y5-23-app-1 img{max-width: 100%; height: auto;}
.y5-23-app-1 p{color: var(--optionalColor); font-size: var(--fontSize); margin-bottom: 15px; line-height: 1.8;}
.y5-23-app-1 p:last-child{margin-bottom: 0px;}
@media only screen and (max-width: 767px){
.y5-23-app-1 p{font-size: 13px;}
.y5-23-app-1 .container{max-width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
.y5-23-app-1 .container{max-width: 540px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.y5-23-app-1 p{font-size: 14px;}
.y5-23-app-1 .container{max-width: 720px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.y5-23-app-1 .container{max-width: 960px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1355px){
.y5-23-app-1 .container{max-width: 1140px;}
}
.y5-23-app-1 .fab,.y5-23-app-1 .fas{-webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;}
.y5-23-app-1 .fas{font-family: "Font Awesome 6 Free";}
.y5-23-app-1 .fab{font-family: "Font Awesome 6 Brands";}
.y5-23-app-1 .fa-2x{font-size: 2em;}
.y5-23-app-1 .fa-lg{font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em;}
.y5-23-app-1 .fa-sitemap::before{content: "";}
.y5-23-app-1 .fa-futbol::before{content: "";}
.y5-23-app-1 .fa-users::before{content: "";}
.y5-23-app-1 .fa-bullseye::before{content: "";}
.y5-23-app-1 .fa-globe::before{content: "";}
.y5-23-app-1 .fa-check-circle::before{content: "";}
.y5-23-app-1 .fa-chart-line::before{content: "";}
.y5-23-app-1 .fa-bell::before{content: "";}
.y5-23-app-1 .fa-link::before{content: "";}
.y5-23-app-1 .fa-tv::before{content: "";}
.y5-23-app-1{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}
.y5-23-app-1 .fab{font-weight: 400;}
.y5-23-app-1 .fa-apple::before{content: "";}
.y5-23-app-1 .fa-google-play::before{content: "";}
.y5-23-app-1{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}
.y5-23-app-1{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}
.y5-23-app-1 .fas{font-weight: 900;}
.y5-23-app-1 .app #app-intro-6{background: rgb(248, 249, 251);}
.y5-23-app-1 .app .store-btn{display: flex; align-items: center; background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 0.75rem 1rem; border-radius: 10px; text-decoration: none; transition: 0.3s; min-width: 160px;}
.y5-23-app-1 .app .store-btn i{font-size: 1.8rem; margin-right: 10px;}
.y5-23-app-1 .app .store-btn:hover{background: rgb(34, 34, 34);}
.y5-23-app-1 .app .store-btn .btn-text small{font-size: 0.75rem; line-height: 1;}
.y5-23-app-1 .app .store-btn .btn-text strong{font-size: 1rem;}
.y5-23-app-1 .app .intro6-iconbox{background: rgb(255, 255, 255); padding: 1.2rem; border-radius: 12px; text-align: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; transition: 0.3s;}
.y5-23-app-1 .app .intro6-iconbox:hover{transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 20px;}
.y5-23-app-1 .app #mission-1 h2{font-size: 1.75rem;}
.y5-23-app-1 .app #update-4 h2{color: rgb(33, 37, 41); font-size: 1.8rem;}
.y5-23-app-1 .app .version-block{background-color: rgb(248, 249, 250); border-left: 5px solid color-mix(in srgb, var(--y5-p), white 15%); transition: 0.3s;}
.y5-23-app-1 .app .version-block:hover{box-shadow: rgba(0, 0, 0, 0.05) 0px 1rem 1.5rem; border-left-color: color-mix(in srgb, var(--y5-p), black 18%); transform: translateY(-3px);}
.y5-23-app-1 .app .version-title{font-size: 1.1rem; font-weight: 600; color: rgb(0, 0, 0);}
.y5-23-app-1 .app .version-body p{margin-bottom: 0.75rem; line-height: 1.6;}
.y5-23-app-1 .app #welcome-1{background-size: cover; background-position: center center; background-attachment: fixed;}
.y5-23-app-1 .app .welcome-1-overlay{background: rgba(0, 0, 0, 0.5); padding: 3rem 1rem;}
.y5-23-app-1 .app .welcome-1-card{max-width: 600px; backdrop-filter: blur(8px); background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.1);}
.y5-23-app-1 .app #welcome-1 h2{font-size: 1.5rem;}
.y5-23-app-1 .app #welcome-1 p{font-size: 0.95rem;}
.y5-23-app-1 .app #welcome-1 .btn{font-size: 1rem;}
.y5-23-app-1{--swiper-theme-color:#007aff}
.y5-23-app-1{--swiper-navigation-size:44px}