.user-area{background-color:#f7f7fb;position:relative;z-index:1}.user-area .user-form-content{background-color:#fff;border-radius:30px 0 30px 0;box-shadow:0 5px 20px 3px rgba(230,233,249,.9)}.user-area .user-form-content h3{font-size:24px;margin-bottom:0;padding:35px 30px 20px;text-align:center}.user-area .user-form-content .user-form{border-bottom:none;margin:auto;padding:30px}.user-area .user-form-content .user-form .form-group{margin-bottom:30px}.user-area .user-form-content .user-form .form-group label{font-size:16px}.user-area .user-form-content .user-form .form-group .form-control{border-color:#ccc;border-width:0 0 1px;padding:0 10px}.user-area .user-form-content .user-form .form-group .form-control:focus,.user-area .user-form-content .user-form .form-group .form-control:hover{border-color:var(--brand-color-2)}.user-area .user-form-content .user-form .login-action{margin-bottom:30px}.user-area .user-form-content .user-form .login-action .log-rem{display:inline-block}.user-area .user-form-content .user-form .login-action .log-rem label{font-size:16px;margin-bottom:0}.user-area .user-form-content .user-form .login-action .forgot-login{display:inline-block;float:right}.user-area .user-form-content .user-form .default-btn{margin-bottom:30px;width:100%}.user-area .user-form-content .or{display:block;font-size:16px;margin-bottom:30px;position:relative;text-align:center;z-index:1}.user-area .user-form-content .or:before{left:0}.user-area .user-form-content .or:after,.user-area .user-form-content .or:before{background-color:#ebebeb;content:"";height:1px;position:absolute;top:13px;width:37%;z-index:-1}.user-area .user-form-content .or:after{right:0}.user-area .user-form-content .remember{align-items:center;cursor:pointer;display:inline-flex;margin-bottom:0}.user-area .user-form-content .remember-icon{align-items:center;background:#dfdfdf;border-radius:2px;display:flex;height:20px;justify-content:center;width:20px}.user-area .user-form-content .remember-icon i{transform:scale(0);transition:all .2s}.user-area .user-form-content .remember-text{display:block;padding-left:12px}.user-area .user-form-content input[type=checkbox]:checked+.remember-icon i{transform:scale(1)}.user-area .user-form-content .or-login{align-items:center;border-radius:4px;box-shadow:0 5px 20px 3px rgba(230,233,249,.9);display:flex;font-size:16px;justify-content:center;margin-bottom:30px;padding:15px 10px}.user-area .user-form-content .or-login img{margin-right:10px}.user-area .user-form-content .create{font-size:16px;text-align:center}.user-area .user-form-content .create a{color:var(--brand-color-2)}