*{font-family:Poppins,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden}video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;z-index:-1}.login-box{position:absolute;top:50%;left:50%;width:400px;padding:40px;transform:translate(-50%,-50%);background-color:#a5a5a526;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.106);box-sizing:border-box;border-radius:2em}.login-box h2{margin:0 0 30px;padding:0;color:#f5f5f5;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{width:100%;padding:10px 0;font-size:16px;color:#f5f5f5;margin-bottom:30px;border:none;border-bottom:1px solid white;outline:none;background-color:transparent}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#f5f5f5;pointer-events:none;transition:.5s ease}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{top:-20px;left:0;color:#fff;font-size:12px}.login-box form a{margin:50px auto 0;position:relative;display:inline-block;padding:10px 120px;color:#000;font-size:16px;background-color:#fff;border-radius:25px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s ease;letter-spacing:4px;border:2px solid white}.login-box a:hover{background-color:transparent;color:#fff}.remember{color:#fff}