html{height:100%}body{background:linear-gradient(#141e30,#243b55);font-family:sans-serif;margin:0;padding:0}.text-align-center{text-align:center}.text-align-right{text-align:right}.login-box{background:rgba(0,0,0,.5);border-radius:10px;box-shadow:0 15px 25px rgba(0,19,34,.6);box-sizing:border-box;left:50%;max-width:450px;min-width:300px;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.login-box .auth-logo{margin-bottom:10px}.login-box a{color:#008ccf;text-decoration:none}.login-box h2,.login-box h3,.login-box h4{color:#fff;margin:0 0 20px;padding:0;text-align:center}.login-box .user-box{margin-bottom:30px;position:relative}.login-box .user-box .btn-password{background-color:transparent;border-width:0;bottom:0;color:#008ccf;font-size:22px;padding:12px 0;position:absolute;right:0}.login-box .user-box input{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;margin-bottom:10px;outline:none;padding:12px 0;width:100%}.login-box input:-webkit-autofill,.login-box input:-webkit-autofill:active,.login-box input:-webkit-autofill:focus,.login-box input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;box-shadow:none;-webkit-box-shadow:none;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-box .user-box label{color:#fff;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.login-box .user-box input:not(:-moz-placeholder)~label{color:#008ccf;font-size:16px;left:0;top:-20px}.login-box .user-box input:focus~label,.login-box .user-box input:not(:placeholder-shown)~label,.login-box .user-box input:valid~label{color:#008ccf;font-size:16px;left:0;top:-20px}.login-box .invalid-feedback{color:#cf1527}.login-box .btn-cta{background-color:transparent;border-width:0;color:#008ccf;display:inline-block;font-size:16px;letter-spacing:4px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.login-box .btn-cta:hover{background:#008ccf;border-radius:5px;box-shadow:0 0 5px #008ccf,0 0 25px #008ccf,0 0 50px #008ccf,0 0 100px #008ccf;color:#fff}.login-box .btn-cta span{display:block;position:absolute}.login-box .btn-cta span:first-child{animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#008ccf);height:2px;left:-100%;top:0;width:100%}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box .btn-cta span:nth-child(2){animation:btn-anim2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,transparent,#008ccf);height:100%;right:0;top:-100%;width:2px}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box .btn-cta span:nth-child(3){animation:btn-anim3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,transparent,#008ccf);bottom:0;height:2px;right:-100%;width:100%}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box .btn-cta span:nth-child(4){animation:btn-anim4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,transparent,#008ccf);bottom:-100%;height:100%;left:0;width:2px}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}