.login[data-v-2c87d3fd]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background:url(../img/lighthouse.b54c7569.jpeg) no-repeat 50%;background-size:cover}.login .overlay[data-v-2c87d3fd]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3)}.login .card[data-v-2c87d3fd]{-webkit-transform:translateY(-40%);transform:translateY(-40%)}.logo[data-v-2c87d3fd]{padding:10px 0;font-size:20px;color:#566076;text-align:center}.form-box[data-v-2c87d3fd]{width:350px}.form-box .form-item[data-v-2c87d3fd]{margin-top:20px}.form-box .form-item input[data-v-2c87d3fd]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:48px;font-size:14px;color:#566076;line-height:normal;outline:none;border-width:0 0 1px 0;border-style:solid;border-color:#a7aebf;-webkit-transition:all .3s;transition:all .3s}.form-box .form-item input[data-v-2c87d3fd]:focus,.form-box .form-item input[data-v-2c87d3fd]:hover{border-color:#2b303b}.form-box .submit-btn[data-v-2c87d3fd]{width:100%;height:36px;margin:36px 0 10px;padding:0;font-size:14px;color:#fff;text-align:center;outline:none;border-radius:4px;cursor:pointer;background-color:#2b303b;-webkit-transition:all .5s;transition:all .5s}