.login{background-image:url(/bg-gradient.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.login .login-section .outer-wrapper{-webkit-transform-style:preserve-3d}.login .login-section .inner-wrapper{-webkit-transform-style:preserve-3d;transition:all .6s ease-out}.login .login-section .card-login{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;-o-backface-visibility:hidden;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom;background-repeat:no-repeat;background-size:300%}.login .login-section .center-wrapper{transform:translate3d(0,-50%,35px)perspective(100px)}.login .login-section .form-group{margin:6px 0;position:relative}.login .login-section .form-style{letter-spacing:.5px;color:#c4c3ca;background-color:#000;line-height:22px;transition:all .2s linear;box-shadow:0 4px 8px #15151533}.login .login-section .form-style:focus,.login .login-section .form-style:active{border:none;outline:none;box-shadow:0 4px 8px #15151533}.login .login-section .input-icon{transition:all .2s linear}.login .login-section .form-group input:-ms-placeholder-shown{color:#c4c3ca;opacity:.7;transition:all .2s linear}.login .login-section .form-group input::-moz-placeholder{color:#c4c3ca;opacity:.7;transition:all .2s linear}.login .login-section .form-group input:-moz-placeholder-shown{color:#c4c3ca;opacity:.7;transition:all .2s linear}.login .login-section .form-group input::-webkit-input-placeholder{color:#c4c3ca;opacity:.7;transition:all .2s linear}.login .login-section .form-group input:focus:-ms-placeholder-shown{opacity:0;transition:all .2s linear}.login .login-section .form-group input:focus::-moz-placeholder{opacity:0;transition:all .2s linear}.login .login-section .form-group input:focus:-moz-placeholder-shown{opacity:0;transition:all .2s linear}.login .login-section .form-group input:focus::-webkit-input-placeholder{opacity:0;transition:all .2s linear}.login .login-section .submit-btn{letter-spacing:1px;display:-webkit-inline-flex;display:-ms-inline-flexbox}