.mobile-login[data-v-3a583822]{width:100%;height:100%;margin:0;background:url(/data/bg.jpg);background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.required[data-v-3a583822]{color:red;margin-right:4px}.mobile-wrapper[data-v-3a583822]{background-color:hsla(0,0%,100%,.9);border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.3);padding:40px 20px;width:400px;text-align:center}.form-group[data-v-3a583822]{margin-bottom:20px;text-align:left}.form-group label[data-v-3a583822]{display:block;font-size:16px;color:#333;margin-bottom:8px}.form-group input[data-v-3a583822]{width:100%;padding:10px;font-size:15px;border:1px solid #ddd;border-radius:5px;outline:none}.form-group input[data-v-3a583822]:focus{border-color:#2472e7;box-shadow:0 0 5px rgba(36,114,231,.5)}.code-input-wrapper[data-v-3a583822]{display:flex;gap:10px}.code-input-wrapper input[data-v-3a583822]{flex:1}.code-button[data-v-3a583822]{background-color:#2472e7;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px}.code-button[data-v-3a583822]:disabled{background-color:#ccc;cursor:not-allowed}.code-button[data-v-3a583822]:hover:not(:disabled){background-color:#1a56b8}.mobile-button[data-v-3a583822]{background-color:#2472e7;color:#fff;width:100%;padding:12px;font-size:16px;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.mobile-button[data-v-3a583822]:hover{background-color:#1a56b8}.mobile-button[data-v-3a583822]:active{transform:scale(.98)}.agreement[data-v-3a583822]{display:flex;align-items:center;margin-bottom:20px;font-size:14px}.agreement a[data-v-3a583822]{color:#2472e7;text-decoration:none}.error-message[data-v-3a583822]{color:red;font-size:12px;margin-top:5px;display:block}.login{--fouces-color:#eee;background-image:url(/data/login_bg.jpg);background-size:cover;background-repeat:no-repeat;font-family:Arial,Helvetica,sans-serif}.login .form-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.login .form-wrapper .wrapper{background-color:hsla(0,0%,100%,.9);border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.3);padding:40px 20px;width:400px}.login .form-wrapper .form{min-width:300px;max-width:400px}.login .form-wrapper .form .form-item{margin-bottom:20px;text-align:left}.login .form-wrapper .form .form-item+.form-item{margin-top:20px}.login .form-wrapper .form .form-item label{display:block;font-size:16px;color:#333;margin-bottom:8px}.login .form-wrapper .form .form-item input{width:100%;padding:10px;font-size:15px;border:1px solid #ddd;border-radius:5px;outline:none;padding-left:1em}.login .form-wrapper .form .form-item button{width:100%;height:50px;outline:none;border:none;font-weight:700}.login .form-wrapper .form .form-item input:focus{border-color:#2472e7;box-shadow:0 0 5px rgba(36,114,231,.5)}.login .form-wrapper .form .form-item .login-btn{background-color:#2472e7;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px}.login .form-wrapper .form .item-login{padding-left:0}.login .footer{position:absolute;bottom:0}.login .footer p{color:#bbb}.required{color:red;margin-right:4px}.register{margin-top:20px;color:#2472e7;font-size:14px}.register-btn{float:left}.mobile-login-btn{float:right}