@font-face{font-family:test1;src:url(vivo1Regular.2f3586df.ttf)format("truetype")}@font-face{font-family:test2;src:url(vivo2Regular.4e33f012.ttf)format("truetype")}body:after{left:15vw}body:before{animation-direction:reverse;animation-delay:-30s;right:15vw}@keyframes theme{0%{background:#415fff33}20%{background:#415fff33}40%{background:#1e00e61a}60%{background:#415fff33}80%{background:#1e00e61a}to{background:#1e00e61a}}@keyframes background{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5{margin:0}html{font-size:12px}body{background-color:#fff;font-family:test1}.centerAlign{text-align:center}.logoContainer{width:100%;justify-content:start;padding:2rem;display:flex}.logo{height:2.5rem;width:24rem;margin-top:1rem}.baseContainer{width:80%;height:20%;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.button{color:#fff;min-width:23rem;background-color:#4262ae;border:.2rem solid #0000;border-radius:1rem;padding:1rem;transition:all .3s;position:relative}.button--loading:after{content:"";width:2rem;height:2rem;border:.5rem solid #0000;border-top-color:#fff;border-radius:50%;margin:auto;animation:1s infinite button-loading-spinner;position:absolute;inset:0}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.button:hover{background-color:#4262aecc}.fade-in-text{animation:1s fadeInAnimation}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.input{border:2px solid;border-radius:1rem;padding-left:1rem;font-size:2rem}.input:focus{border-color:#4262ae!important}.input:hover{border-color:#4262aecc!important}.input::placeholder{color:#4262ae;font-size:2rem}.inputRow{width:100%;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem;display:flex}.inputContainer{width:40%;border-radius:1rem;flex-direction:column;display:flex;position:relative}.wrapperContainer{width:100%;justify-content:center;align-items:center;gap:20px;padding:10px;display:flex}.inputCommonheight{height:5rem}.w-60{width:60%}.error{font-size:1.3rem;position:absolute;top:6rem}.bounce{outline:0;animation-name:bounce;animation-duration:.5s;animation-delay:.25s}.pop{animation-name:animate-pop;animation-duration:.5s;animation-timing-function:cubic-bezier(.26,.53,.74,1.48)}.errorBackground{background-color:#d00909}.errorBackground:hover{background-color:#ff1919}.errorBorder{border:2px solid #ab0505}.colFlex{height:100%;flex-direction:column;justify-content:space-between;display:flex}.footer{width:100%;color:#fff;background-color:#4262ae;justify-content:flex-end;align-items:center;padding:2rem;display:flex}.gan_logo{height:3rem;margin-left:2rem}@keyframes bounce{0%{timing-function:ease-in;transform:translate(0)}37%{timing-function:ease-out;transform:translate(15px)}55%{timing-function:ease-in;transform:translate(-15px)}73%{timing-function:ease-out;transform:translate(14px)}82%{timing-function:ease-in;transform:translate(-14px)}91%{timing-function:ease-out;transform:translate(12px)}96%{timing-function:ease-in;transform:translate(-12px)}to{timing-function:ease-in;transform:translate(0)}}@keyframes animate-pop{0%{transform:scale(0)}to{transform:scale(1)}}@media only screen and (max-width:1800px){.baseContainer{width:90%;top:30%}}@media only screen and (max-width:1270px){html{font-size:10px}h1{font-size:2rem}.baseContainer{width:100%;justify-content:center;top:30%}.inputContainer{width:45%}}@media only screen and (max-width:900px){html{font-size:10px}.logoContainer{justify-content:center}.inputRow{flex-direction:column;display:flex}.inputContainer{width:90%}.baseContainer{width:100%;height:auto;flex-flow:column wrap;justify-content:space-around;align-items:center;display:flex}.wrapperContainer{flex-direction:column}.button{margin-top:3rem}.error{text-align:center;left:0;right:0}}.video-bg{object-fit:cover;width:100%;height:100vh;z-index:-99;position:absolute;top:0;left:0}