.box{position:relative;top:0;opacity:1;float:left;padding:60px 50px 40px;width:100%;background:#fff;border-radius:10px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);z-index:5}@media only screen and (max-width:767px){.box{position:relative;top:0;opacity:1;float:left;padding:60px 50px 40px;width:100%;background:#fff;border-radius:0;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);z-index:5}}.box.back{transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);top:-20px;opacity:.8;z-index:-1}.box:before{content:"";width:100%;height:30px;border-radius:10px;position:absolute;top:-10px;background:#fff9;left:0;transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);z-index:-1}.overbox .title{color:#fff}.overbox .title:before{background:#fff}.title{width:100%;float:left;line-height:46px;font-size:34px;font-weight:700;letter-spacing:2px;color:#ed2553;position:relative}.title:before{content:"";width:5px;height:100%;position:absolute;top:0;left:-50px;background:#ed2553}.input,.input label,.input input,.input .spin,.button,.button button .button.login button i.fa,.material-button .shape:before,.material-button .shape:after,.button.login button{transition:.3s cubic-bezier(.4,0,.2,1);-webkit-transition:.3s cubic-bezier(.4,0,.2,1);-ms-transition:.3s cubic-bezier(.4,0,.2,1)}.material-button,.alt-2,.material-button .shape,.alt-2 .shape,.box{transition:.4s cubic-bezier(.4,0,.2,1);-webkit-transition:.4s cubic-bezier(.4,0,.2,1);-ms-transition:.4s cubic-bezier(.4,0,.2,1)}.input,.input label,.input input,.input .spin,.button,.button button{width:100%;float:left}.input,.button{margin-top:5%;height:70px}.input,.input input,.button,.button button{position:relative}.input input{height:60px;top:10px;border:none;background:transparent}.input input,.input label,.button button{font-family:Roboto,sans-serif;font-size:24px;color:#000c;font-weight:300}.input:before,.input .spin{width:100%;height:1px;position:absolute;bottom:0;left:0}.input:before{content:"";background:#0000001a;z-index:3}.input .spin{background:#ed2553;z-index:4;width:0}.overbox .input .spin{background:#fff}.overbox .input:before{background:#ffffff80}.input label{position:absolute;top:10px;left:0;z-index:2;cursor:pointer;line-height:60px}#regtoken{text-transform:uppercase}.button.login{width:60%;left:20%}.button.login button,.button button{width:100%;line-height:64px;left:0%;background-color:transparent;border:3px solid rgba(0,0,0,.1);font-weight:900;font-size:18px;color:#0003}.button.login{margin-top:30px}.button{margin-top:20px}.button button{background-color:#fff;color:#ed2553;border:none}.button.login button.active{border:3px solid transparent;color:#fff!important}.button.login button.active span{opacity:0;transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0)}.button.login button.active i.fa{opacity:1;transform:scale(1) rotate(-0deg);-webkit-transform:scale(1) rotate(-0deg);-ms-transform:scale(1) rotate(-0deg)}.button.login button i.fa{width:100%;height:100%;position:absolute;top:0;left:0;line-height:60px;transform:scale(0) rotate(-45deg);-webkit-transform:scale(0) rotate(-45deg);-ms-transform:scale(0) rotate(-45deg)}.button.login button:hover{color:#ed2553;border-color:#ed2553}.button{margin:40px 0;overflow:hidden;z-index:2}.button button{cursor:pointer;position:relative;z-index:2}.pass-forgot{width:100%;float:left;text-align:center;color:#0006;font-size:18px}.register{width:100%;float:left;text-align:center;color:#ed2553;font-size:24px}.click-efect{position:absolute;top:0;left:0;background:#ed2553;border-radius:50%}.overbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:inherit;border-radius:10px;padding:60px 50px 40px}.overbox .title,.overbox .button,.overbox .input{z-index:111;position:relative;color:#fff!important;display:none}.overbox .title{width:80%}.overbox .input{margin-top:0}.overbox .input input,.overbox .input label{color:#fff}.overbox .material-button,.overbox .material-button .shape,.overbox .alt-2,.overbox .alt-2 .shape{display:block}.material-button,.alt-2{width:140px;height:140px;border-radius:50%;background:#ed2553;position:absolute;top:40px;right:-70px;cursor:pointer;z-index:100;transform:translate(0);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%)}@media only screen and (max-width:767px){.alt-2{width:90px;height:90px;border-radius:50%;background:#ed2553;position:absolute;top:40px;right:0;cursor:pointer;z-index:100;transform:translate(0);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%)}}.material-button .shape,.alt-2 .shape{position:absolute;top:0;right:0;width:100%;height:100%}.material-button .shape:before,.alt-2 .shape:before,.material-button .shape:after,.alt-2 .shape:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(360deg);-webkit-transform:translate(-50%,-50%) rotate(360deg);-ms-transform:translate(-50%,-50%) rotate(360deg)}.material-button .shape:before,.alt-2 .shape:before{width:25px;height:4px}.material-button .shape:after,.alt-2 .shape:after{height:25px;width:4px}.material-button.active,.alt-2.active{top:50%;right:50%;transform:translate(50%,-50%) rotate(0);-webkit-transform:translate(50%,-50%) rotate(0deg);-ms-transform:translate(50%,-50%) rotate(0deg)}body{min-height:100vh;font-family:Roboto,sans-serif}body,html{overflow-x:hidden;overflow-y:scroll}.materialContainer{max-height:90vh;max-width:460px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}@media only screen and (max-width:767px){.materialContainer{height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}}.materialContainer>form{height:100%;width:100%;min-height:500px}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style-type:none;outline:none}.video_wrapper{position:fixed;inset:0;overflow:hidden}@media only screen and (max-width:767px){.video_wrapper{display:none}}.video_overlay{position:absolute;background:#615e4d8c;height:100%;width:100%}#background_vid{position:absolute;top:0;left:0;width:100%;height:124%;z-index:-100}@media(min-aspect-ratio:16/9){#background_vid{height:300%;top:-100%}}@media(max-aspect-ratio:16/9){#background_vid{width:300%;left:-100%}}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}a{color:inherit}.app-body{min-height:100vh;display:flex}.sidebar{width:220px;min-height:100vh;padding:24px 16px;background:#1f2937;color:#fff}.sidebar nav{display:flex;flex-direction:column;gap:12px}.sidebar a{color:#fff;text-decoration:none}.sidebar a:hover{text-decoration:underline}.main{flex:1;padding:24px}