*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{background-color:#0084ff;font-family:Arial,Helvetica,sans-serif;height:100vh}p{margin-bottom:.5rem}#root{height:100%}header{padding:1rem 0 0rem;display:flex;justify-content:center;align-items:center;flex-direction:column;height:14vh}header img.logo{width:100%;max-width:200px;margin-bottom:1rem}header nav{width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem 0;background-color:#035099}header nav button{color:#fff;background-color:#0000;border:none;text-transform:uppercase;border-right:1px solid #fff;padding:.2rem .5rem}header nav button:last-child{border-right:none}header nav button.active{font-weight:700}main{height:73vh;display:flex;flex-direction:column;align-items:center;padding-top:1rem;color:#fff;text-align:center;padding:1rem}main .content{height:100%;width:100%}main .content .content__header{height:17%}main .content .content__body{height:83%}main .content .content__body .main-menu{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}main .content .content__body .main-menu button{margin-bottom:1rem;width:100%;text-transform:uppercase;font-weight:700}footer{display:flex;align-items:start;justify-content:center;height:13vh}footer a{display:block;margin:0;padding:0}footer a img{width:100%;max-width:150px}a,button,.btn{-webkit-transition:.2s ease-in-out all;-o-transition:.2s ease-in-out all;transition:.2s ease-in-out all}.button{display:inline-block;font-weight:400;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.375rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;cursor:pointer;text-decoration:none;color:#666;background-color:#c6c6c6;border-color:#c6c6c6}.button.button--primary{background-color:#fff;border-color:#fff;color:#0084ff}.button.button--success{background-color:#191;border-color:#191;color:#fff}.button.button--text{border:none;background-color:#0000;color:#fff;text-decoration:underline;padding:0}.button.button--lg{font-size:1.5rem;border-radius:1rem}.button.button--action{border-radius:2rem}.input{width:100%;display:block;margin-bottom:1rem;padding:.5rem;border-radius:.6rem;border:none}.input.input--code{padding:1rem;font-size:1.2rem;text-align:center}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080}.modal .modal__dialog{max-width:90%;background-color:#fff;border-radius:.5rem;padding:1rem;color:#000}.loader{width:50px;height:50px;border:5px solid #ccc;border-top:5px solid #0084ff;border-radius:50%;animation:spin 1s linear infinite;margin:100px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-container{position:relative;width:100%;aspect-ratio:3/4;margin-bottom:.5rem}.video-container video{width:100%;height:100%;object-fit:cover;border-radius:8px}.video-container__target-frame{position:absolute;border:3px dashed lime;border-radius:8px;width:60%;height:20%;top:40%;left:20%;pointer-events:none}