html{height:100%}body{background:linear-gradient(#2282ff,#052f66);font-family:sans-serif;margin:0;padding:0}.login-box{background:rgba(4,39,72,.5);border-radius:10px;box-shadow:0 15px 25px rgba(4,39,72,.6);box-sizing:border-box;left:50%;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.login-box h2{color:#fff;margin:0 0 30px;padding:0;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login-box .user-box label{color:#fff;font-size:16px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{color:#0e83f1;font-size:12px;left:0;top:-20px}.login-box form #loginBtn{background-color:transparent;color:#0e83f1;display:inline-block;font-size:16px;letter-spacing:4px;margin-top:40px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;transition:.5s}.login-box #loginBtn:hover{background:#0e83f1;border-radius:5px;box-shadow:0 0 5px #0e83f1,0 0 25px #0e83f1,0 0 50px #0e83f1,0 0 100px #0e83f1;color:#fff}.login-box #loginBtn span{display:block;position:absolute}.login-box #loginBtn span:first-child{animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#0e83f1);height:2px;left:-100%;top:0;width:100%}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box #loginBtn span:nth-child(2){animation:btn-anim2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,transparent,#0e83f1);height:100%;right:0;top:-100%;width:2px}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box #loginBtn span:nth-child(3){animation:btn-anim3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,transparent,#0e83f1);bottom:0;height:2px;right:-100%;width:100%}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box #loginBtn span:nth-child(4){animation:btn-anim4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,transparent,#0e83f1);bottom:-100%;height:100%;left:0;width:2px}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.sbs-label-color{color:#fff}