.loginbot { border-bottom:2px solid #3091df; width:1190px; margin:0 auto; }
.boxyycom { margin: 0px 0px 80px 0px; padding: 30px 30px 60px 30px; float: none; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #FFF; line-height: 30px; }
.input-area {  }
.input-label { float: left; height: 36px; padding-left: 10px; line-height: 36px; width: 30px; }
.input-iconzc1 { background: url(../images/loginico.png) no-repeat 10px -92px; display: block !important; }
.input-iconzc2 { background: url(../images/loginico.png) no-repeat 10px -142px; display: block !important; }
.input-iconzc3 { background: url(../images/loginico.png) no-repeat 10px -42px; display: block !important; }
.input-iconzc4 { background: url(../images/loginico.png) no-repeat 10px -175px; display: block !important; }
.form-text { float: left; height: 20px; padding: 8px 36px 8px 0; border: 0; outline: none; background: #ffffff;width:70%;}
.form-group { position: relative; height: 36px; border: 1px solid #bebebe; margin-top: 20px; margin-bottom: 20px; }
.loginmain { width:350px; margin:0 auto; }
.get-code-btn {

    vertical-align: middle;
    padding: 11PX 14PX;
    color: #ffffff;
	background:#0b94d9;
    border: none;
    font-size: 12px;
    text-align: center;
	cursor:pointer;
}
.loginright{ width:325px; float:right; margin-top:60px; margin-bottom:250px;}
.loginleft{ width:520px; float:left; }

.auth-page .auth-form-card,
.password-reset-page > .col-right .auth-form-card {
    box-sizing: border-box;
    padding: 32px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.08);
    line-height: 1.5;
}
.auth-page .auth-form-card {
    width: min(calc(100% - 32px), 520px);
    margin: 40px auto 60px;
}
.auth-page.auth-login-page { min-height: 580px; }
.auth-page .loginright.auth-form-card {
    width: 420px;
    margin: 40px 0 60px;
    padding: 32px;
}
.auth-page .new-address { width: 100%; }
.auth-page .tctitile,
.password-reset-page .tctitile {
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef0f3;
    color: #111827;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}
.auth-page .loginmain,
.password-reset-page .loginmain {
    box-sizing: border-box;
    width: 100%;
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
}
.auth-page .form-group,
.password-reset-page .form-group,
.pop-login .form-group {
    box-sizing: border-box;
    height: 48px;
    margin: 0 0 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.auth-page .form-group:focus-within,
.password-reset-page .form-group:focus-within,
.pop-login .form-group:focus-within {
    border-color: #2178bb;
    box-shadow: 0 0 0 3px rgba(33, 120, 187, 0.12);
}
.auth-page .input-area,
.password-reset-page .input-area,
.pop-login .input-area {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.auth-page .input-label,
.password-reset-page .input-label,
.pop-login .input-label {
    box-sizing: border-box;
    display: block !important;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 19px;
}
.auth-page .input-iconzc4,
.password-reset-page .input-iconzc4,
.pop-login .input-iconzc4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E");
}
.auth-page .input-iconzc3,
.password-reset-page .input-iconzc3,
.pop-login .input-iconzc3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 1 1 8 0v3m-4 4v3'/%3E%3C/svg%3E");
}
.auth-page .input-iconzc2,
.password-reset-page .input-iconzc2,
.pop-login .input-iconzc2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 7.7 7.5 9.5 4.3-1.8 7.5-4.9 7.5-9.5V6L12 3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.auth-page .form-text,
.password-reset-page .form-text,
.pop-login .form-text {
    box-sizing: border-box;
    display: block;
    width: calc(100% - 46px);
    height: 46px;
    flex: 1 1 auto;
    float: none;
    padding: 0 12px 0 0;
    border: 0;
    border-radius: 0 8px 8px 0;
    outline: 0;
    background: transparent;
    color: #111827;
    font-family: inherit;
    font-size: 14px;
    line-height: normal;
}
.auth-page .form-text::placeholder,
.password-reset-page .form-text::placeholder,
.pop-login .form-text::placeholder {
    color: #9ca3af;
    opacity: 1;
}
.auth-page .liheight { height: auto; min-height: 36px; line-height: 1.5; margin-top: 10px;}
.auth-page .liheight a,
.auth-page .auth-form-card .bluefont,
.password-reset-page .auth-form-card .bluefont {
    color: #2178bb;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}
.auth-page .liheight a:hover,
.auth-page .auth-form-card .bluefont:hover,
.password-reset-page .auth-form-card .bluefont:hover {
    color: #1a619b;
    text-decoration: underline;
}
.auth-page .auth-submit,
.password-reset-page .auth-submit,
.pop-login input[type="submit"] {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    float: none;
    height: 48px;
    margin: 12px auto 0;
    border: 1px solid #2178bb;
    border-radius: 8px;
    background-color: #2178bb;
    background-image: none;
    color: #fff;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.auth-page .auth-submit:hover,
.password-reset-page .auth-submit:hover,
.pop-login input[type="submit"]:hover {
    transform: translateY(-1px);
    border-color: #1a619b;
    background-color: #1a619b;
    box-shadow: 0 6px 14px rgba(33, 120, 187, 0.2);
}
.auth-page .auth-submit:focus-visible,
.password-reset-page .auth-submit:focus-visible,
.pop-login input[type="submit"]:focus-visible {
    outline: 3px solid rgba(33, 120, 187, 0.25);
    outline-offset: 2px;
}
.auth-page .auth-submit:disabled { opacity: 0.65; cursor: not-allowed; transform: none; }
.auth-page .auth-terms {
    margin: 14px 0;
    color: #6b7280;
    font-size: 13px;
    line-height: 1.6;
}
.auth-page .get-code-btn {
    box-sizing: border-box;
    min-height: 38px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: #eef6fc;
    color: #2178bb;
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.auth-page .get-code-btn:hover:not(:disabled) { background: #dceefb; color: #1a619b; }
.auth-page #emailCaptcha { width: calc(100% - 150px) !important; min-width: 0; }
.auth-page .code-img {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    float: none;
    margin-right: 5px;
}
.auth-page #emailCaptchaButton:disabled {
    border: 0 !important;
    background: #f3f4f6 !important;
    color: #9ca3af !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}
.auth-page a:focus-visible,
.password-reset-page a:focus-visible {
    outline: 2px solid rgba(33, 120, 187, 0.45);
    outline-offset: 2px;
}
.pop-login .loginmain { width: 100%; max-width: 350px; }
.pop-login .form-group { margin: 0 0 14px; }
.pop-login .liheight { line-height: 1.5; }
.pop-login .liheight a { color: #2178bb; text-decoration: none; }
.pop-login .liheight a:hover { text-decoration: underline; }

@media (max-width: 900px) {
    .auth-page .loginright.auth-form-card { width: 380px; padding: 26px; }
}
@media (max-width: 700px) {
    .auth-page .loginright.auth-form-card {
        float: none;
        width: min(calc(100% - 24px), 520px);
        margin: 28px auto 40px;
        padding: 24px;
    }
    .auth-page .auth-form-card { padding: 24px; }
    .password-reset-page > .col-right .auth-form-card { max-width: 100%; padding: 20px; }
}

/* ============================================================
   Auth pages (2026 redesign)
   ============================================================ */
.mp-auth-header {
    background: #fff;
    border-bottom: 1px solid #eef0f4;
}

.mp-auth-header-inner {
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.mp-auth-back {
    font-size: 14px;
    color: #4f4f60 !important;
    text-decoration: none;
}

.mp-auth-back:hover {
    color: var(--mp-primary) !important;
}

.auth-page.mainbody {
    width: min(1600px, calc(100% - 80px));
    margin: 0 auto;
    float: none;
    box-sizing: border-box;
}

.auth-page.auth-login-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    gap: clamp(32px, 4vw, 70px);
    align-items: center;
    min-height: 640px;
    padding: clamp(32px, 3vw, 56px) 0 clamp(48px, 4vw, 80px);
}

.auth-page.auth-login-page .loginleft {
    float: none;
    width: auto;
}

.auth-page.auth-login-page .loginleft img {
    width: 100%;
    max-width: 100%;
    height: clamp(360px, 58vh, 620px);
    object-fit: cover;
    border-radius: 18px;
    display: block;
}

.auth-page.auth-login-page .loginright.auth-form-card {
    float: none;
    width: 100%;
    margin: 0;
    padding: clamp(28px, 2.4vw, 40px);
    border: 1px solid #eef0f4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(20, 20, 43, .08);
}

.auth-page.auth-register-page,
.auth-page.auth-recovery-page {
    display: flex;
    justify-content: center;
    min-height: 600px;
    padding: clamp(40px, 4vw, 70px) 0 clamp(56px, 5vw, 90px);
}

.auth-page.auth-register-page .auth-form-card,
.auth-page.auth-recovery-page .auth-form-card {
    width: min(100%, 520px);
    margin: 0;
    padding: clamp(28px, 2.4vw, 40px);
    border: 1px solid #eef0f4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(20, 20, 43, .08);
}

.auth-page .auth-form-card .tctitile {
    margin: 0 0 8px;
    padding: 0;
    border-bottom: 0;
    font-family: inherit;
    font-size: clamp(28px, 2.1vw, 34px);
    font-weight: 600;
    line-height: 1.25;
    color: var(--mp-ink);
}

.auth-subtitle {
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 1.6;
    color: #8b8b9e;
}

.auth-page .form-group {
    height: 50px;
    border-color: var(--mp-border);
    border-radius: 8px;
}

.auth-page .form-group:focus-within {
    border-color: var(--mp-primary);
    box-shadow: 0 0 0 3px rgba(29, 105, 224, .12);
}

.auth-page .input-label {
    height: 48px;
    flex-basis: 48px;
}

.auth-page .form-text {
    height: 48px;
    font-size: 14px;
}

.auth-page .liheight a,
.auth-page .auth-form-card .bluefont {
    color: var(--mp-primary) !important;
    font-weight: 500;
}

.auth-page .liheight a:hover,
.auth-page .auth-form-card .bluefont:hover {
    color: var(--mp-primary-dark) !important;
}

.auth-page .auth-submit {
    height: 52px !important;
    line-height: 50px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--mp-ink) !important;
    color: #fff !important;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.auth-page .auth-submit:hover {
    background: var(--mp-primary) !important;
    border-color: var(--mp-primary) !important;
    box-shadow: none !important;
    transform: none !important;
}

.auth-page .auth-terms {
    margin: 16px 0;
    color: #8b8b9e;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 1100px) {
    .auth-page.auth-login-page {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .auth-page.auth-login-page .loginleft {
        display: none;
    }

    .auth-page.auth-login-page .loginright.auth-form-card {
        width: min(100%, 520px);
        margin: 0 auto;
    }
}

@media (max-width: 900px) {
    .auth-page.mainbody {
        width: calc(100% - 32px);
    }

    .mp-auth-header-inner {
        height: 72px;
    }
}