@charset "utf-8";html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,table,code,caption,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,code,caption,input,textarea,select,button{font-family: "Exo 2", sans-serif;font-optical-sizing: auto;font-style: normal;}:focus{outline:0;}input, textarea{display:block;box-sizing:border-box;font-size:1rem;}*{margin:0;}html,body{color:#000;font-size:16px;width:100%;}svg{display:block;height:100%;}textarea,input{color:inherit;}input[type=checkbox],input[type=radio]{display:none;}input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button {appearance: none; -moz-appearance: none; -webkit-appearance: none;}input[type='number'] {appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}@media all and (min-width:768px){    .app-enter-active{        transition:.3s ease all;    }    .app-leave-active {        transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);    }    .app-enter,    .app-leave-to{        transform: translateX(-10px);        opacity: 0;    }}@media all and (max-width:767px){    .app-enter-active{        transition:.3s ease all;    }    .app-leave-active {        transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);    }    .app-enter,    .app-leave-to{        transform: translateY(10px);        opacity: 0;    }}.opacity-enter-active{    transition:.3s ease all;}.opacity-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.opacity-enter,.opacity-leave-to{    opacity: 0;}.right-enter-active{    transition:.3s ease all;}.right-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.right-enter,.right-leave-to{    transform: translateX(10px);    opacity: 0;}.left-enter-active{    transition:.3s ease all;}.left-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.left-enter,.left-leave-to{    transform: translateX(-10px);    opacity: 0;}.top-enter-active{    transition:.3s ease all;}.top-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.top-enter,.top-leave-to{    transform: translateY(-10px);    opacity: 0;}.bottom-enter-active{    transition:.3s ease all;}.bottom-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.bottom-enter,.bottom-leave-to{    transform: translateY(10px);    opacity: 0;}:root{    --YELLOW : #f5974a;    --YELLOW-COLOR : #ffffff;    --BLUE: #268ea4;    --MAIN : #ffffff;    --MAIN-COLOR: #000000;    --SECONDARY : #e2e4e8;    --GAP: 1.5rem;    --GAP-MEDIUM: 2.5rem;}#main{    position:relative;    width:100%;    overflow: hidden;    height:100dvh;}#leni{    transition:.4s ease all;    position:absolute;    z-index:99;}#main.characteristic #leni{    width:160%;    top:15%;    left:0;    transform: translate(-50%, 0);}#main:not(.characteristic) #leni{    width:50%;    transform: translate(-50%,-50%);    top:50%;    left:50%;}#characteristic{    position:fixed;    top:10rem;    right:3rem;    z-index:99;}#characteristic > div:not(:last-child){    margin-bottom:1rem;}#characteristic > div{    line-height:1.1;}#characteristic > div > strong{    display:block;    font-size:5.5rem;    font-weight:300;}#characteristic > div > span{    display:block;    padding-left:.5rem;    text-transform: uppercase;    font-size:.65rem;}#checked{    position:fixed;    bottom:0;    width:100%;    left:0;    z-index:1000;    color: #e0c19f;}#checked svg{    bottom:4rem;    position:absolute;    height:1.5rem;    left:50%;    transform: translateX(-50%);    z-index:2;    transition:.3s ease all;}#checked.check svg{    color:#fff;}#checked button{    position:absolute;    transform: translate(-50%, -40%);    left:50%;    top:0;    border-radius:50%;    width:120%;    aspect-ratio: 1.25;    text-align:center;}#checked:not(.check) button{    transition:.8s ease all;    opacity:.6;    background: #ffdfbb;    color:#fff;}#checked.check button{    opacity:1;    transition:            width 3s ease,            height 3s ease,            border-radius 3s ease,            padding 3s ease,            background-color 1s ease;    background: #71b953;    color:#fff;    width:2500%;}@media all and (min-width:551px){    #warning{        bottom:1rem;        left:50%;        transform:translateX(-50%);        padding:.75rem 1rem;        font-size:.85rem;        border-radius:.25rem;        line-height:1.2;    }}@media all and (max-width:550px){    #warning{        bottom:0;        left:0;        right:0;        padding:1.5rem;        line-height:1.5rem;    }}#warning{    position: fixed;    max-width:100%;    box-sizing: border-box;    z-index:999999999 !important;    background: rgba(226, 0, 72, 0.8);    color:#fff;}#warning.success{    background: var(--green);}.wave-container{    position: fixed;    top:0;    left:0;    height:100dvh;    z-index:1;}.waveSvg{    width:100%;    height:100%;}.controls{    position:fixed;    bottom:0;    left:0;    z-index:100;}#progress{    position:fixed;    width:100%;    height:100%;    top:0;    left:0;    background:#fff;    z-index:99999;}#progress > div{    margin:46vh auto;    width:50px;    height:40px;    text-align: center;    font-size:0;}#progress > div > div{    background:#333;    height:100%;    width:6px;    margin:0 1px;    display:inline-block;    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;    animation: sk-stretchdelay 1.2s infinite ease-in-out;}#progress > div > div:nth-child(2){    -webkit-animation-delay: -1.1s;    animation-delay: -1.1s;}#progress > div > div:nth-child(3){    -webkit-animation-delay: -1.0s;    animation-delay: -1.0s;}#progress > div > div:nth-child(4){    -webkit-animation-delay: -0.9s;    animation-delay: -0.9s;}#progress > div > div:nth-child(5){    -webkit-animation-delay: -0.8s;    animation-delay: -0.8s;}@-webkit-keyframes sk-stretchdelay {    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }    20% { -webkit-transform: scaleY(1.0) }}@keyframes sk-stretchdelay {    0%, 40%, 100% {        transform: scaleY(0.4);        -webkit-transform: scaleY(0.4);    }  20% {           transform: scaleY(1.0);           -webkit-transform: scaleY(1.0);       }}#popup{    position: fixed;    z-index:9999;    top:0;    left:0;    width:100%;    height:100dvh;    background:#fff;    display:flex;    flex-direction: column;    text-align:center;    gap:var(--GAP-MEDIUM);    padding:var(--GAP);    box-sizing: border-box;}#popup .contain > *:not(:last-child){    margin-bottom:var(--GAP);}#popup h2{    line-height: 1.1;    font-size:2.5rem;}#popup .image{    flex:1;    align-content: center;}#popup p{    line-height:1.52;    font-weight: 300;}#popup .buttons .sector{    padding:.2rem;    display:inline-block;    vertical-align: top;    background: var(--BLUE);    border-radius:2.2rem;}#popup .buttons button{    border:.4rem solid #fff;    color:#fff;    background: #333;    height:5rem;    padding:1.5rem;    border-radius:2rem;}#popup .buttons button:active{    color: var(--YELLOW-COLOR);    background: var(--YELLOW);}#popup .buttons button,#popup .buttons button svg{    transition:.3s ease all;}#popup .buttons button.final{    background: var(--YELLOW);    color: var(--YELLOW-COLOR);}#popup .buttons button.final svg{    transform: rotate(-90deg);}#head{    position:absolute;    top:7rem;    right:0;    z-index:10;}#head span{    display:block;    letter-spacing: 1px;    font-size:1.4rem;    font-weight:300;}#head h3{    writing-mode: vertical-lr;    font-size:4rem;    font-weight: 900;}#main h1{    top:15%;    position:absolute;    left:0;    font-weight:900;    z-index:0;    width:100%;    font-size:15rem;    line-height:.8;    opacity:.05;}#main h1 > span{    display:block;}#main h1 > span + span{    padding-left:35%;}#top{    position:fixed;    top:0;    left:0;    width:100%;    box-sizing: border-box;    padding:.75rem;    display:flex;    align-items:center;    gap:1.5rem;    z-index:5;}#menu img{    display:block;    width:100%;    height:100%;    object-fit: cover;    border-radius:inherit;}#menu{    height:3.5rem;    aspect-ratio: 1;    background:#eee;    border-radius:50%;}#balance{    background:#eee;    border-radius:50%;    aspect-ratio: 1;    width:3.5rem;    align-content: center;    font-size:.7rem;    text-align:center;    position:relative;    padding:.65rem;    box-sizing: border-box;}#balance > *:last-child{    position:absolute;    top:50%;    margin-top:1.05rem;    background:#fff;    padding:.1rem .5rem;    border-radius:.5rem;    left:50%;    transform: translateX(-50%);}#challenge{    flex:1;    min-width:0;    text-align:center;}#challenge > span{    font-weight:300;    font-size:.8rem;    text-transform: uppercase;    margin-bottom:.5rem;    display:block;}#challenge > div{    height:.75rem;    background:#eee;    border-radius:.5rem;}#challenge > div > *{    display:block;    height:100%;    background: #e163e5;    border-radius:inherit;    width:33%;    background-image:            -webkit-gradient(linear, 0 0, 100% 100%,            color-stop(.25, rgba(255, 255, 255, .15)),            color-stop(.25, transparent), color-stop(.5, transparent),            color-stop(.5, rgba(255, 255, 255, .15)),            color-stop(.75, rgba(255, 255, 255, .15)),            color-stop(.75, transparent), to(transparent)            );    background-image:            -moz-linear-gradient(                    -45deg,                    rgba(255, 255, 255, .15) 25%,                    transparent 25%,                    transparent 50%,                    rgba(255, 255, 255, .15) 50%,                    rgba(255, 255, 255, .15) 75%,                    transparent 75%,                    transparent            );    z-index: 1;    -webkit-background-size: 50px 50px;    -moz-background-size: 50px 50px;    -webkit-animation: progress 2s linear infinite;    animation: progress 2s linear infinite;    overflow: hidden;}@-webkit-keyframes progress {    0% {        background-position: 0 0;    }    100% {        background-position: 50px 50px;    }}