﻿#ErrorDisplaySection[data-validation]:not([data-validation="error"]),
.ErrorDisplay {
    display: none;
}

[data-validation="error" i] .ErrorDisplay {
    display: block;
    color: rgba(255 70 70);
    font-weight: 800;
    font-size: 0.9em;
    margin: 0.5em;
}

[data-validation="error" i] .CustomInput {
    border: 2px solid rgba(255 70 70) !important;
}

    [data-validation="error" i] .CustomInput::before {
        color: rgba(255 70 70);
    }

#LoginAuthContent .InnerContent,
#SignUpContent .InnerContent,
#SignUpVerificationContent .InnerContent,
#ForgotPasswordContent .InnerContent,
#ForgotPasswordRecoveryContent .InnerContent,
#KYCContent .InnerContent,
#KYCResultContent .InnerContent {
    max-width: 42em;
    margin: 0 auto;
    padding: 9em 2em 1em;
    box-sizing: border-box;
    flex: auto;
}

    #LoginAuthContent .InnerContent #LoginFormWrapper,
    #SignUpContent .InnerContent #SignUpWrapper,
    #SignUpVerificationContent .InnerContent #SignUpVerificationWrapper,
    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper,
    #ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper,
    #KYCContent .InnerContent #KYCContentWrapper,
    #KYCResultContent .InnerContent .KYCResultContentWrapper {
        display: flex;
        flex-direction: column;
        border-radius: 2em;
        padding: 3em 2.6em;
        position: relative;
        background-color: #ffffff1a;
        gap: 2em;
    }

#AuthIconAbsoluteSection {
    position: absolute;
    top: -1em;
    width: 8.5em;
    left: 50%;
    right: 50%;
    transform: translate(-70%, -50%)
}

    #AuthIconAbsoluteSection .LogoIconWrapper {
        width: 12em;
        background-color: rgb(19, 25, 56);
        border-radius: 10em;
        padding: 1.7em;
    }

        #AuthIconAbsoluteSection .LogoIconWrapper img {
            width: 100%;
            height: 100%;
            vertical-align: top;
        }

.Title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .Title #StepsSection {
        color: #adb0bc;
    }

    .Title h1 {
        font-size: 2.5em;
        font-weight: 900;
        text-transform: uppercase;
        margin-inline: .1em;
    }

.CustomInput {
    display: flex;
    align-items: center;
    gap: 1.5em;
    background: #ffffff1a;
    border-radius: .9em;
    padding-inline: 1.5em;
    height: 3.5em;
}

    .CustomInput input {
        all: unset;
        flex: auto;
        height: 3em;
        width: 100%;
        color: currentColor;
        border: 0;
        font-weight: 600;
        appearance: textfield;
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }

        .CustomInput input::-webkit-outer-spin-button,
        .CustomInput input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .CustomInput:has(> input:focus) {
        border: 1px solid var( --theme-color-light);
    }

        .CustomInput:has(> input:focus)::before {
            color: var( --theme-color-light);
            font-weight: 700;
        }


.PasswordVisbilitySection .PasswordVisilityBtn {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: none;
}

    .PasswordVisbilitySection .PasswordVisilityBtn::before {
        font-family: "Font Awesome 6 Free";
        font-weight: 600;
        font-size: 1.3em;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .PasswordVisbilitySection .PasswordVisilityBtn[password-visibility="hidden" i]::before {
        content: "\f06e";
        color: rgba(255 255 255 / .2);
    }

    .PasswordVisbilitySection .PasswordVisilityBtn[password-visibility="visible" i]::before {
        content: "\f070";
        color: rgba(255 255 255 / .9);
    }


#LoginAuthContent #LoginFormWrapper #LoginMethodTab ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5em;
    background-color: rgb(25 31 62);
    border-radius: .9em;
    padding: 0 0.5em;
    margin-bottom: 0;
    height: 3.6em;
}

    #LoginAuthContent #LoginFormWrapper #LoginMethodTab ul > li {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #LoginAuthContent #LoginFormWrapper #LoginMethodTab ul button {
        display: flex;
        gap: 0.8em;
        justify-content: center;
        align-items: center;
        border: 0;
        background-color: transparent;
        color: rgba(255, 255, 255, 0.75);
        padding: 0.6em 0;
        font-size: 1em;
        font-weight: 600;
        line-height: 1.5;
        width: 100%;
        min-height: unset;
        border-radius: .7em;
    }

#LoginAuthContent #LoginFormWrapper[data-login-method="" i] #LoginMethodTab ul #viaEmailAddressBtn,
#LoginAuthContent #LoginFormWrapper[data-login-method="viaEmail" i] #LoginMethodTab ul #viaEmailAddressBtn,
#LoginAuthContent #LoginFormWrapper[data-login-method="viaMobile" i] #LoginMethodTab ul #viaMobileNumberBtn {
    background-color: rgb(67 71 102);
    color: #fff;
}

    #LoginAuthContent #LoginFormWrapper[data-login-method="" i] #LoginMethodTab ul #viaEmailAddressBtn::before,
    #LoginAuthContent #LoginFormWrapper[data-login-method="viaEmail" i] #LoginMethodTab ul #viaEmailAddressBtn::before,
    #LoginAuthContent #LoginFormWrapper[data-login-method="viaMobile" i] #LoginMethodTab ul #viaMobileNumberBtn::before {
        color: #fff;
    }

#LoginAuthContent #LoginFormWrapper[data-login-method="" i] .FormInputWrapper:has(#LoginMobileInput),
#LoginAuthContent #LoginFormWrapper[data-login-method="viaEmail" i] .FormInputWrapper:has(#LoginMobileInput),
#LoginAuthContent #LoginFormWrapper[data-login-method="viaMobile" i] .FormInputWrapper:has(#LoginUserNameInput) {
    display: none;
}


#LoginAuthContent #LoginFormWrapper #LoginMethodTab ul button::before {
    display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 1.1em;
    line-height: 1;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.6);
}

#LoginAuthContent #LoginFormWrapper #LoginMethodTab ul #viaEmailAddressBtn::before {
    content: "\f003";
}

#LoginAuthContent #LoginFormWrapper #LoginMethodTab ul #viaMobileNumberBtn::before {
    content: "\f095";
}

#LoginAuthContent #LoginFormWrapper #LoginFormSection,
#SignUpContent #SignUpWrapper #SignUpFormSection {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

    #LoginAuthContent #LoginFormWrapper #LoginFormSection .FormInputWrapper .CustomInput::before,
    #SignUpContent #SignUpWrapper #SignUpFormSection .FormInputWrapper .CustomInput::before {
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "Font Awesome 6 Free";
        font-weight: 600;
        font-size: 1.6em;
        line-height: 1;
        color: rgba(255, 255, 255, 0.6);
        min-width: 1.1em;
        text-align: center;
    }

    #LoginAuthContent #LoginFormWrapper #LoginFormSection #LoginUserNameInput::before {
        content: "\f2bd";
    }

    #LoginAuthContent #LoginFormWrapper #LoginFormSection #LoginMobileInput::before,
    #SignUpContent #SignUpWrapper #SignUpFormSection #SignUpMobileInput::before {
        content: "\f10b";
    }

    #LoginAuthContent #LoginFormWrapper #LoginFormSection #LoginPasswordInput::before {
        content: "\f023";
    }

    #LoginAuthContent #LoginFormWrapper #LoginFormSection #LoginBtn {
        all: unset;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--theme-color-light);
        border-radius: .4em;
        color: #fff;
        font-size: 1.5em;
        width: 2em;
        height: 1.8em;
        border-width: 0;
        flex: 0 0 auto;
    }

    #LoginAuthContent #LoginFormWrapper #LoginFormSection #LoginPasswordInput,
    #SignUpContent #SignUpWrapper #SignUpFormSection #SignUpMobileInput,
    #SignUpContent #SignUpWrapper #MobileOtpSection .C #OTPInput {
        padding-inline-end: .5em;
    }

    #SignUpContent #SignUpWrapper #SignUpFormSection #SignUpEmailAddressInput::before {
        content: "\f0e0";
    }

#LoginAuthContent #ForgotOrNewUserSection {
    display: flex;
    justify-content: space-between;
    color: rgba(255, 255, 255, 0.5);
}

#SignUpContent #ProceedtoLoginSection {
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

    #SignUpContent #ProceedtoLoginSection a {
        color: var(--theme-color-light);
    }

#SignUpContent #SignUpWrapper #SignUpFormSection #SendSMSotpBtn {
    all: unset;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .55em;
    background-color: var(--theme-color);
    color: #fff;
    line-height: 1;
    padding: 0.85em;
    white-space: nowrap;
}

#SignUpContent #SignUpWrapper #MobileOtpSection {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

    #SignUpContent #SignUpWrapper #MobileOtpSection .T b,
    #SignUpContent #EmailVerificationContent .C b,
    #ForgotPasswordContent #ForgotPasswordWrapper #ResetPasswordVeritifcationContent .C b {
        font-weight: 800;
        color: var(--theme-color);
    }

    #SignUpContent #SignUpWrapper #MobileOtpSection #ResendOTPBtn {
        all: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .55em;
        line-height: 1;
        padding: 0.85em;
        min-width: 3em;
    }

        #SignUpContent #SignUpWrapper #MobileOtpSection #ResendOTPBtn[button-type="Resend" i ] {
            cursor: pointer;
            background-color: rgb(25 31 62);
            color: #fff;
            padding-inline: 1.2em;
        }

        #SignUpContent #SignUpWrapper #MobileOtpSection #ResendOTPBtn[button-type="CountDown" i ] {
            cursor: default !important;
            justify-content: end;
        }

#SignUpContent #SignUpWrapper #FormActionSection,
#ForgotPasswordContent #ForgotPasswordWrapper #FormActionSection,
#ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #FormActionSection {
    display: flex;
    justify-content: center;
    align-items: center;
}

    #SignUpContent #SignUpWrapper #FormActionSection #VerifyEmailBtn,
    #SignUpVerificationContent #FormActionSection #RegisterBtn,
    #ForgotPasswordContent #ForgotPasswordWrapper #ResetPasswordBtn,
    #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #SavePasswordBtn,
    #KYCContent .FormActionSection button,
    #KYCResultContent .KYCResultContentWrapper .FormActionSection button {
        all: unset;
        cursor: pointer;
        background-color: var(--theme-color-light);
        color: #fff;
        font-size: 1.166667em;
        font-weight: 800;
        text-transform: uppercase;
        padding: .5em 2em;
        border-radius: .5em;
        line-height: 1.8;
    }

#EmailVerificationContent[data-section-display="hidden"],
#ResetPasswordVeritifcationContent[data-section-display="hidden"] {
    display: none;
}

#EmailVerificationContent,
#ResetPasswordVeritifcationContent {
    display: block;
    text-align: center;
}

#SignUpVerificationContent .InnerContent #SignUpVerificationWrapper {
    gap: 1.8em;
}

#SignUpVerificationContent #SignUpVerificationWrapper .Title {
    display: flex;
    flex-direction: column;
    gap: .4em;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 3em;
}


    #SignUpVerificationContent #SignUpVerificationWrapper .Title h1 {
        font-size: 1.8em;
        font-weight: 900;
        text-transform: capitalize;
        color: rgba(255, 255, 255, 0.75);
    }

    #SignUpVerificationContent #SignUpVerificationWrapper .Title #EmailAddressDisplay {
        font-size: 1.166667em;
        font-weight: 800;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #SignUpVerificationContent #SignUpVerificationWrapper .Title .Desc {
        margin: 0.5em;
        color: rgba(255, 255, 255, 0.75);
    }


#SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection,
#ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection {
    grid-template-columns: 1fr;
    gap: .5em;
}

    #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .T,
    #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .T {
        margin-inline-start: 1em;
        margin-block: 1.2em .35em;
        font-weight: 700;
    }

        #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .T > span,
        #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .T > span {
            display: flex;
            align-items: center;
        }

    #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips,
    #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips {
        display: flex;
        flex-direction: column;
        gap: .5em;
        margin: .6em 1em 1.5em;
    }

        #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips > div,
        #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips > div {
            display: grid;
            grid-template-columns: auto 1fr;
            align-items: start;
            gap: 1em;
        }

        #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips .Tips,
        #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips .Tips {
            color: rgba(255 255 255/50%);
        }

            #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips .Tips::before,
            #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips .Tips::before {
                content: "\f05a";
                font-family: "Font Awesome 6 Free";
                font-weight: 600;
                font-size: 1em;
            }

            #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips .Tips[tips-status="error" i ],
            #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips .Tips[tips-status="error" i ] {
                color: rgba(255 70 70);
            }

                #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips .Tips[tips-status="error" i]::before,
                #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips .Tips[tips-status="error" i ]::before {
                    content: "\f057";
                }

            #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips .Tips[tips-status="success" i ],
            #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips .Tips[tips-status="success" i ] {
                color: rgb(102 235 139 / 1);
            }

                #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .C #PasswordValidationTips .Tips[tips-status="success" i ]::before,
                #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper #ForgotPasswordRecoveryFormSection .C #PasswordValidationTips .Tips[tips-status="success" i ]::before {
                    content: "\f00c";
                }


#SignUpVerificationContent #FormActionSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 1em;
    color: rgba(255 255 255 / 50%);
}

    #SignUpVerificationContent #FormActionSection a {
        color: var(--theme-color);
    }

#ForgotPasswordContent .InnerContent #ForgotPasswordWrapper,
#ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper,
#KYCContent .InnerContent #KYCContentWrapper,
#KYCResultContent .InnerContent .KYCResultContentWrapper {
    padding-top: 6em;
}

    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper .Title {
        flex-direction: column
    }

    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper h1,
    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper .Description,
    #ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper .Title {
        text-align: center;
    }

    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper .Description,
    #ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper .Desc {
        color: rgba(255, 255, 255, 0.75);
    }

#ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper .Title {
    flex-direction: column;
    gap: 1em;
}

    #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper .Title h1 {
        font-size: 2em;
        margin-inline: .1em;
    }

    #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper .Title #EmailDisplay {
        font-size: 1.166667em;
        font-weight: 800;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--theme-color);
    }

#ForgotPasswordRecoveryContent #ResetPasswordExpirationSection {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: .7em;
    box-sizing: border-box;
    overflow: hidden;
}

    #ForgotPasswordRecoveryContent #ResetPasswordExpirationSection #ExpiredIconSection {
        height: 7em;
        width: 7em;
    }

        #ForgotPasswordRecoveryContent #ResetPasswordExpirationSection #ExpiredIconSection img {
            height: 100%;
            width: auto;
            max-width: min(12em, 100%);
            object-fit: contain;
        }

#KYCContent .InnerContent,
#KYCResultContent .InnerContent {
    padding-top: 7em;
}

    #KYCContent .InnerContent #KYCContentWrapper {
        justify-content: center;
        align-items: center;
        gap: 1.3em;
    }

#KYCContent #KYCContentWrapper .Content,
#KYCResultContent .KYCResultContentWrapper .Content {
    display: flex;
    flex-direction: column;
    gap: 1em;
    text-align: center;
    width: 100%;
}

#KYCContent #KYCContentWrapper .Instruction .T {
    font-size: 1.2em;
    font-weight: 800;
    line-height: 1.5;
}

#KYCContent #KYCContentWrapper .Instruction .C {
    color: #ffffff80;
}

#KYCContent #KYCContentWrapper .QrCodeSection,
#KYCContent #KYCContentWrapper .ExampleWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block: 1em;
}

    #KYCContent #KYCContentWrapper .QrCodeSection img {
        width: 13em;
        height: 13em;
    }

#KYCContent #KYCContentWrapper .FormActionSection {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1em;
}

#KYCContent #KYCContentWrapper .Content[data-active-steps="false"],
#KYCContent #KYCContentWrapper .Content.MobileContentSection {
    display: none;
}

#KYCContent #KYCContentWrapper .Content .AnimationWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background: url(../images/KYC/kyc-animate.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 20em;
    height: 17em;
}

#KYCContent #KYCContentWrapper .Content .KYCVerificationFormSection {
    text-align: start;
}

    #KYCContent #KYCContentWrapper .Content .KYCVerificationFormSection .T {
        margin-block: .5em;
        margin-inline: .7em;
    }

    #KYCContent #KYCContentWrapper .Content .KYCVerificationFormSection .C {
        margin-bottom: 1.5em;
    }

#KYCContent #KYCContentWrapper .Instruction ul {
    background-color: rgb(67 71 102);
    padding: 1em;
    border-radius: .8em;
    display: flex;
    flex-direction: column;
    gap: .5em;
    margin-block: .5em;
}

#KYCContent #KYCContentWrapper .Instruction b {
    color: var(--theme-color);
    font-weight: 800;
}

#KYCContent #KYCContentWrapper .ExampleWrapper {
    margin-block: 0;
}

    #KYCContent #KYCContentWrapper .ExampleWrapper img {
        height: 20em;
        border-radius: 1em;
    }

#KYCResultContent .InnerContent .KYCResultContentWrapper .Title {
    justify-content: center;
    text-align: center;
}

    #KYCResultContent .InnerContent .KYCResultContentWrapper .Title h1 {
        font-size: 1.8em;
        text-transform: capitalize;
    }

#KYCResultContent .InnerContent .KYCResultContentWrapper .Content .ResultImageSection img {
    max-height: 13em;
}

#KYCResultContent .KYCResultContentWrapper b {
    font-weight: 800;
    color: var(--theme-color);
}

#KYCResultContent .KYCResultContentWrapper .Content {
    color: rgba(255 255 255 / 70%);
}

    #KYCResultContent .KYCResultContentWrapper .Content #SuccesfulTitle {
        color: var(--theme-color);
    }

    #KYCResultContent .KYCResultContentWrapper .Content .VerificationFailedReason {
        display: flex;
        flex-direction: column;
        background-color: rgb(67 71 102);
        padding: .8em;
        border-radius: .8em;
    }

#KYCResultContent .InnerContent .KYCResultContentWrapper .FormActionSection {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 580px) {
    #LoginAuthContent .InnerContent, #SignUpContent .InnerContent, #SignUpVerificationContent .InnerContent, #ForgotPasswordContent .InnerContent, #ForgotPasswordRecoveryContent .InnerContent, #KYCResultContent .InnerContent {
        padding-inline: 1.5em;
    }

        #LoginAuthContent .InnerContent #LoginFormWrapper,
        #SignUpContent .InnerContent #SignUpWrapper,
        #SignUpVerificationContent .InnerContent #SignUpVerificationWrapper,
        #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper,
        #ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper {
            padding: 4em 3em;
        }

    #SignUpVerificationContent .InnerContent {
        padding-block-start: 4em;
    }

    #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection {
        column-gap: 1.5em;
    }
}

@media only screen and (max-width: 500px) {

    #LoginAuthContent .InnerContent #LoginFormWrapper,
    #SignUpContent .InnerContent #SignUpWrapper,
    #SignUpVerificationContent .InnerContent #SignUpVerificationWrapper,
    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper,
    #ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper {
        padding: 5em 2em;
    }
}

@media only screen and (max-width: 480px) {

    body {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
        touch-action: none;
    }

    header #MainHeader #ProductClassificationMenu,
    header #MainHeader #HeaderNav,
    footer {
        display: none;
    }

    header #MainHeader {
        padding: 0;
    }

        header #MainHeader #HeaderLogo {
            margin: 5em auto;
        }

            header #MainHeader #HeaderLogo a {
                max-height: 9em;
                width: 13em;
            }

                header #MainHeader #HeaderLogo a img {
                    display: none;
                }

    body, main {
        background-color: rgb(19, 25, 56);
    }

    #LoginAuthContent,
    #SignUpContent,
    #SignUpVerificationContent,
    #ForgotPasswordContent,
    #ForgotPasswordRecoveryContent,
    #KYCContent,
    #KYCResultContent {
        position: fixed;
        inset: 0;
        z-index: 1000;
        overflow-y: auto;
        padding: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
        background-color: rgb(19, 25, 56);
    }

        #LoginAuthContent::-webkit-scrollbar,
        #SignUpContent::-webkit-scrollbar,
        #SignUpVerificationContent::-webkit-scrollbar,
        #ForgotPasswordContent::-webkit-scrollbar,
        #ForgotPasswordRecoveryContent::-webkit-scrollbar,
        #KYCContent #KYCContentWrapper::-webkit-scrollbar,
        #KYCResultContent::-webkit-scrollbar {
            display: none;
        }

        #LoginAuthContent .InnerContent,
        #SignUpContent .InnerContent,
        #SignUpVerificationContent .InnerContent,
        #ForgotPasswordContent .InnerContent,
        #ForgotPasswordRecoveryContent .InnerContent,
        #KYCContent .InnerContent,
        #KYCResultContent .InnerContent {
            padding: 0;
            width: 100%;
            max-width: 40em;
            margin-inline: auto;
            padding-top: 2.5em;
            height: 100%;
        }

        #LoginAuthContent #DismissAuthContentPage,
        #SignUpContent #DismissAuthContentPage,
        #SignUpVerificationContent #DismissAuthContentPage,
        #ForgotPasswordContent #DismissAuthContentPage,
        #ForgotPasswordRecoveryContent #DismissAuthContentPage,
        #KYCContent #DismissAuthContentPage,
        #KYCResultContent #DismissAuthContentPage {
            display: block;
            height: calc(var(--header-height) + 1em);
        }

        #LoginAuthContent .InnerContent #LoginFormWrapper,
        #SignUpContent .InnerContent #SignUpWrapper,
        #SignUpVerificationContent .InnerContent #SignUpVerificationWrapper,
        #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper,
        #ForgotPasswordRecoveryContent .InnerContent #ForgotPasswordRecoveryWrapper,
        #KYCContent .InnerContent #KYCContentWrapper,
        #KYCResultContent .InnerContent .KYCResultContentWrapper {
            border-radius: 1.8em 1.8em 0 0;
            height: 100%;
            padding-inline: 1.5em !important;
        }


    #AuthActionAbsoluteSection {
        background-color: var(--theme-color-light);
        right: 2em;
        top: -2em;
    }

    #LoginAuthContent #LoginFormWrapper #LoginMethodTab ul {
        gap: .8em;
    }

    #LoginViaSocialAccountSection {
        max-width: 23em;
        margin-inline: auto;
    }

    #LiveChatWidgetSection {
        z-index: 2000;
    }

    #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection {
        grid-template-columns: 1fr;
        gap: .5em;
    }

        #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .T {
            margin-inline-start: 1em;
            margin-block-start: 1.2em;
            font-weight: 700;
        }

            #SignUpVerificationContent #SignUpVerificationWrapper #SignUpVerificationFormSection .T > span {
                min-height: unset;
            }

    #SignUpVerificationContent .InnerContent #SignUpVerificationWrapper {
        gap: 1em;
    }

    #ForgotPasswordContent .InnerContent #ForgotPasswordWrapper .Title {
        margin-block-start: 1em;
    }

    #SignUpVerificationContent #FormActionSection {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 1em;
    }

    #ForgotPasswordContent #ForgotPasswordWrapper .Title h1 {
        font-size: 2em;
    }


    #KYCContent #KYCContentWrapper #ScanQRCodeSteps {
        display: none;
    }

    #KYCContent #KYCContentWrapper .Content.MobileContentSection:not([data-active-steps="false"]) {
        display: flex;
    }

    #KYCContent .InnerContent #KYCContentWrapper {
        height: auto;
        min-height: 100%;
    }

    #KYCContent #KYCContentWrapper .Content[data-steps="3"] .FormActionSection {
        margin-block: 2.5em;
    }
}


/* ===== 2026-10-14 浅色新设计 ===== */
/* ===== 登录 / 注册 / 忘记密码（2026-10-12 定稿：游戏墙背景 + 白色卡片；文字和版面由 CustomerAuth.js 处理） ===== */
/* LoginAuthContent */
html body #LoginAuthContent{position:relative!important;overflow:hidden!important;min-height:calc(100dvh - 72px)!important;background:#1A1D24!important;padding:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:40px;padding:48px 8vw!important;box-sizing:border-box;font-family:Manrope,sans-serif}html body #LoginAuthContent>#DismissAuthContentPage{display:none!important}.LgWall{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;transform:rotate(-8deg) scale(1.15);pointer-events:none}.LgWall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.LgShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,29,36,.92) 0%,rgba(26,29,36,.7) 45%,rgba(26,29,36,.35) 100%);pointer-events:none}.LgSay{position:relative;z-index:2}.LgSay h2{font-size:52px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0}.LgSay h2 span{background:linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00);-webkit-background-clip:text;background-clip:text;color:transparent}html body #LoginAuthContent>.InnerContent{position:relative;z-index:2;flex:0 0 420px!important;min-width:0!important;width:420px!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:24px!important;padding:36px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:#1A1D24!important;box-sizing:border-box;border:0!important}html body #LoginAuthContent #ForgotPasswordWrapper,html body #LoginAuthContent #ForgotPasswordRecoveryWrapper,html body #LoginAuthContent #SignUpVerificationWrapper,html body #LoginAuthContent #LoginFormWrapper,html body #LoginAuthContent #SignUpWrapper{background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;width:auto!important;max-width:none!important}html body #LoginAuthContent #AuthIconAbsoluteSection{display:none!important}html body #LoginAuthContent .Title{display:block!important;width:auto!important;text-align:left!important;margin:0 0 18px!important;padding:0!important}html body #LoginAuthContent .Title h1{display:block!important;width:auto!important;text-align:left!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;color:#1A1D24!important;margin:0!important;text-transform:none!important}html body #LoginAuthContent .Title .Description,html body #LoginAuthContent .Title .Desc{font-size:14px!important;line-height:1.55!important;color:#6B7280!important;font-weight:500!important;margin:8px 0 0!important;text-align:left!important}html body #LoginAuthContent #EmailDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #LoginAuthContent #EmailDisplay:empty{display:none}.sxLbl{display:block;font-size:12.5px;font-weight:600;margin:0 0 6px;color:#1A1D24}html body #LoginAuthContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T{margin:14px 2px 6px!important;padding:0!important}html body #LoginAuthContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T span{font-size:12.5px!important;font-weight:600!important;color:#1A1D24!important;text-transform:none!important}html body #LoginAuthContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.C{padding:0!important;margin:0!important}html body #LoginAuthContent .CustomInput{display:flex!important;align-items:center;gap:8px;height:50px!important;padding:0 6px 0 16px!important;border-radius:8px!important;background:#fff!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;box-sizing:border-box;transition:background .15s}html body #LoginAuthContent .CustomInput:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;box-shadow:0 4px 14px rgba(255,180,0,.2)!important;border-color:transparent!important}html body #LoginAuthContent .CustomInput input{flex:1;min-width:0;height:100%!important;border:0!important;background:none!important;outline:0!important;box-shadow:none!important;padding:0!important;font-size:12px!important;font-weight:600!important;color:#1A1D24!important}html body #LoginAuthContent .CustomInput input::placeholder{color:#A3A8B1!important;font-weight:500!important}html body #LoginAuthContent .PasswordVisbilitySection{flex:none}html body #LoginAuthContent .PasswordVisilityBtn{width:38px!important;height:38px!important;border-radius:12px!important;background-color:transparent!important;border:0!important;opacity:.55}html body #LoginAuthContent .FormInputWrapper[data-validation=error] .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}html body #LoginAuthContent .FormInputWrapper .ErrorDisplay,html body #LoginAuthContent #ErrorDisplaySection .ErrorDisplay{font-size:12.5px!important;font-weight:600!important;color:#DC2626!important;margin:6px 2px 0!important;padding:0!important;background:none!important;border:0!important;text-align:left!important}html body #LoginAuthContent #ErrorDisplaySection{margin:0!important;padding:0!important}html body #LoginAuthContent #ErrorDisplaySection:not([data-validation=error]) .ErrorDisplay:empty{display:none}html body #LoginAuthContent #PasswordValidationTips{display:grid;gap:4px;margin:8px 2px 0!important;padding:0!important;background:none!important}html body #LoginAuthContent #PasswordValidationTips .Tips{display:flex!important;align-items:center;gap:8px;font-size:12.5px!important;font-weight:500!important;color:#6B7280!important;padding:0!important;margin:0!important;background:none!important}html body #LoginAuthContent #PasswordValidationTips .Tips::before{content:""!important;flex:none;width:16px;height:16px;border-radius:50%;background:#E6E8EC!important;-webkit-mask:none!important;mask:none!important;position:static!important;display:block!important}html body #LoginAuthContent #PasswordValidationTips .Tips[tips-status=success]{color:#1F8A4C!important}html body #LoginAuthContent #PasswordValidationTips .Tips[tips-status=success]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2L11.5 5.7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(135deg,#4ADE80,#16A34A)!important}html body #LoginAuthContent #PasswordValidationTips .Tips[tips-status=error]{color:#DC2626!important}html body #LoginAuthContent #PasswordValidationTips .Tips[tips-status=error]::before{background:#FCA5A5!important}html body #LoginAuthContent #FormActionSection{margin:22px 0 0!important;padding:0!important;display:block!important}html body #LoginAuthContent #ResetPasswordBtn,html body #LoginAuthContent #SavePasswordBtn,html body #LoginAuthContent #RegisterBtn,html body #LoginAuthContent #VerifyEmailBtn,html body #LoginAuthContent .sxBig{width:100%!important;height:46px!important;border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;box-shadow:0 10px 24px rgba(201,122,0,.3)!important;cursor:pointer;padding:0 20px!important;text-align:center!important;box-sizing:border-box!important;max-width:100%!important}html body #LoginAuthContent #ResetPasswordBtn:disabled,html body #LoginAuthContent #SavePasswordBtn:disabled,html body #LoginAuthContent #RegisterBtn:disabled,html body #LoginAuthContent #VerifyEmailBtn:disabled,html body #LoginAuthContent .sxBig:disabled{opacity:.75;cursor:wait}.sxArrow{font-size:13px;line-height:1;position:static!important;vertical-align:middle;margin-left:8px}html body #LoginAuthContent #ResetPasswordBtn *,html body #LoginAuthContent #SavePasswordBtn *,html body #LoginAuthContent #RegisterBtn *,html body #LoginAuthContent #VerifyEmailBtn *,html body #LoginAuthContent .sxBig *{color:#fff!important}html body #LoginAuthContent #Agreement{margin:14px 0 0!important;font-size:11.5px!important;line-height:1.55!important;color:#6B7280!important;text-align:center!important;text-wrap:balance}html body #LoginAuthContent #Agreement a{color:#F29A00!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px;white-space:nowrap}html body #LoginAuthContent #EmailAddressDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #LoginAuthContent #LoginFormWrapper#LoginFormWrapper,html body #LoginAuthContent #SignUpWrapper#SignUpWrapper{display:block!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}html body #LoginAuthContent #LoginMethodTab#LoginMethodTab ul{background:transparent!important;box-shadow:none!important;border:0!important}html body #LoginAuthContent #LoginFormSection#LoginFormSection:not([style*="none"]),html body #LoginAuthContent #SignUpFormSection#SignUpFormSection:not([style*="none"]){display:grid!important;gap:12px!important}html body #LoginAuthContent .sxSub{font-size:14px;color:#6B7280;margin:6px 0 0;font-weight:500}html body #LoginAuthContent #LoginMethodTab{margin:22px 0 14px!important;padding:0!important}html body #LoginAuthContent #LoginMethodTab ul{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;list-style:none}html body #LoginAuthContent #LoginMethodTab li{margin:0!important;padding:0!important}html body #LoginAuthContent #LoginMethodTab button{width:100%!important;height:44px!important;border:1.5px solid #E3E5E8!important;box-sizing:border-box!important;border-radius:8px!important;background:#fff!important;color:#3F4350!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;padding:0!important;cursor:pointer}html body #LoginAuthContent #LoginMethodTab button.sxOn{background:#FFFBF1!important;color:#C47A00!important;box-shadow:none!important;border-color:#F2A900!important;font-weight:700!important}html body #LoginAuthContent #LoginMethodTab button *{color:inherit!important}html body #LoginAuthContent #LoginMethodTab button::before,html body #LoginAuthContent #LoginMethodTab button::after,html body #LoginAuthContent #LoginMethodTab button i,html body #LoginAuthContent #LoginMethodTab button svg{display:none!important}html body #LoginAuthContent #LoginFormSection:not([style*="none"]),html body #LoginAuthContent #SignUpFormSection:not([style*="none"]){display:grid;gap:12px;padding:0!important;margin:0!important}html body #LoginAuthContent #LoginFormSection .FormInputWrapper,html body #LoginAuthContent #SignUpFormSection .FormInputWrapper{margin:0!important}html body #LoginAuthContent .CustomInput>.sxIc{flex:none;width:16px;color:#A3A8B1;font-size:13px;text-align:center}html body #LoginAuthContent .CustomInput:focus-within>.sxIc{color:#F29A00}html body #LoginAuthContent .CustomInput>span{flex:none;font-size:12px;font-weight:700;color:#3F4350;margin:0!important;padding:0!important;background:none!important;border:0!important}html body #LoginAuthContent #LoginBtn,html body #LoginAuthContent #SendSMSotpBtn{display:none!important}html body #LoginAuthContent .sxBig[hidden]{display:none!important}html body #LoginAuthContent #OTPInput.CustomInput{border-radius:8px!important}html body #LoginAuthContent #OTPInput #ResendOTPBtn{background:#fff!important}html body #LoginAuthContent .sxLoginGo{margin-top:16px!important}html body #LoginAuthContent .sxOtpGo{margin-top:20px!important}html body #LoginAuthContent .ForgotPasswordSection{text-align:right;margin:10px 0 0!important}html body #LoginAuthContent .ForgotPasswordSection a{color:#F29A00!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}html body #LoginAuthContent #ForgotOrNewUserSection{display:block!important;margin:0!important;padding:0!important}html body #LoginAuthContent #ForgotOrNewUserSection>div:not(.ForgotPasswordSection){display:none!important}html body #LoginAuthContent .sxHint{font-size:12px;color:#6B7280;margin:6px 2px 0}html body #LoginAuthContent .Title{position:relative}html body #LoginAuthContent #StepsSection{position:absolute;right:0;top:12px;font-size:13px!important;font-weight:600!important;color:#6B7280!important;margin:0!important}html body #LoginAuthContent #StepsSection *{color:inherit!important;font-weight:inherit!important}html body #LoginAuthContent .sxBar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 18px}html body #LoginAuthContent .sxBar i{height:4px;border-radius:4px;background:#ECEDF0}html body #LoginAuthContent .sxBar i.on{background:linear-gradient(110deg,#FFD24A,#F29A00)}html body #LoginAuthContent #MobileOtpSection{margin:18px 0 0!important;padding:0!important;background:none!important}html body #LoginAuthContent #MobileOtpSection>.T{font-size:14px!important;line-height:1.55!important;color:#3F4350!important;margin:0 0 12px!important;font-weight:500!important}html body #LoginAuthContent #MobileOtpSection>.T b{color:#1A1D24!important}html body #LoginAuthContent #MobileOtpSection>.C{margin:0!important;padding:0!important}html body #LoginAuthContent #ResendOTPBtn{flex:none;height:34px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:#F4F5F7!important;color:#F29A00!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important;width:auto!important}html body #LoginAuthContent #ResendOTPBtn:disabled{color:#9AA0AA!important}html body #LoginAuthContent #EmailVerificationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}html body #LoginAuthContent #EmailVerificationContent>.C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #LoginAuthContent #ProceedtoLoginSection{margin-top:18px!important;text-align:center!important;font-size:12px!important;color:#6B7280!important;padding:0!important}html body #LoginAuthContent #ProceedtoLoginSection a{color:#F29A00!important;font-weight:700!important;text-decoration:none!important}html body #LoginAuthContent .sxAlert{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:12px 14px;border-radius:14px;background:#F4F5F7;box-shadow:inset 0 0 0 1px #E6E8EC}html body #LoginAuthContent .sxAlert .ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#6B7280;color:#fff}html body #LoginAuthContent .sxAlert b{display:block;font-size:13.5px;font-weight:800;color:#1A1D24}html body #LoginAuthContent .sxAlert p{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#4B5160}html body #LoginAuthContent .sxAlert a{color:#F29A00!important;font-weight:700;text-decoration:underline!important;text-underline-offset:2px}html body #LoginAuthContent .sxPwMsg{display:block!important;margin:6px 2px 0;font-size:12.5px;font-weight:600;color:#DC2626;line-height:1.45}html body #LoginAuthContent .FormInputWrapper.sxPwErr .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}.LgAlt{margin-top:18px;text-align:center;font-size:12px;color:#6B7280}.LgAlt a{color:#F29A00!important;font-weight:700;text-decoration:none!important}html body #LoginAuthContent #ResetPasswordVeritifcationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}.sxMailIc{width:72px;height:72px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box;color:#F29A00}.sxMailIc svg{width:30px;height:30px}.sxDoneH{font-size:20px;font-weight:800;margin:0;color:#1A1D24}html body #LoginAuthContent #ResetPasswordVeritifcationContent .C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #LoginAuthContent #ResetPasswordVeritifcationContent .C b{color:#1A1D24}.sxDoneSub{font-size:13px;color:#6B7280;line-height:1.6;margin:12px 0 0}.sxDone #ForgotPasswordFormSection,.sxDone .Title{display:none!important}html body #LoginAuthContent .sxCenter h1{text-align:center!important}html body #LoginAuthContent #ResetPasswordExpirationSection{text-align:center;padding:0!important;margin:0!important;background:none!important}html body #LoginAuthContent #ExpiredIconSection{display:none!important}.sxExpIc{width:72px;height:72px;margin:6px auto 14px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F87171,#DC2626);box-shadow:0 10px 24px rgba(220,38,38,.25)}.sxExpIc svg{width:30px;height:30px}html body #LoginAuthContent #ResetPasswordExpirationSection #ErrorDisplaySection .ErrorDisplay{display:none!important}.sxExpBtn{box-sizing:border-box;width:100%;white-space:nowrap;margin-top:20px;height:46px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 10px 24px rgba(201,122,0,.3)}@media(max-width:767px){html body #LoginAuthContent #ResetPasswordBtn,html body #LoginAuthContent #SavePasswordBtn,html body #LoginAuthContent #RegisterBtn,html body #LoginAuthContent #VerifyEmailBtn,html body #LoginAuthContent .sxBig,.sxExpBtn{height:44px!important}}@media(max-width:767px){body:has(#LoginAuthContent) #MainHeader{height:58px!important;min-height:0!important;justify-content:flex-start!important;padding:0 16px!important}body:has(#LoginAuthContent) #HeaderLogo{display:flex!important;align-items:center;height:auto!important;position:static!important;transform:none!important;margin:0!important;left:auto!important;flex:none!important}body:has(#LoginAuthContent) #HeaderLogo img{height:26px!important;width:auto!important;display:block!important}html body #LoginAuthContent{display:block!important;min-height:0!important;background:#F3F2EF!important;padding:30px 16px 100px!important}.LgWall{grid-template-columns:repeat(3,1fr);inset:-30px -60px auto;height:330px;transform:rotate(-8deg) scale(1.1)}.LgShade{background:linear-gradient(180deg,rgba(26,29,36,.55) 0%,rgba(26,29,36,.88) 210px,#F3F2EF 290px)}.LgSay{text-align:center}.LgSay h2{font-size:32px}html body #LoginAuthContent>.InnerContent{flex:none!important;width:100%!important;margin-top:28px!important;padding:26px 22px!important}html body #LoginAuthContent .Title h1{font-size:26px!important}}
/* SignUpContent */
html body #SignUpContent{position:relative!important;overflow:hidden!important;min-height:calc(100dvh - 72px)!important;background:#1A1D24!important;padding:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:40px;padding:48px 8vw!important;box-sizing:border-box;font-family:Manrope,sans-serif}html body #SignUpContent>#DismissAuthContentPage{display:none!important}.LgWall{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;transform:rotate(-8deg) scale(1.15);pointer-events:none}.LgWall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.LgShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,29,36,.92) 0%,rgba(26,29,36,.7) 45%,rgba(26,29,36,.35) 100%);pointer-events:none}.LgSay{position:relative;z-index:2}.LgSay h2{font-size:52px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0}.LgSay h2 span{background:linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00);-webkit-background-clip:text;background-clip:text;color:transparent}html body #SignUpContent>.InnerContent{position:relative;z-index:2;flex:0 0 420px!important;min-width:0!important;width:420px!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:24px!important;padding:36px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:#1A1D24!important;box-sizing:border-box;border:0!important}html body #SignUpContent #ForgotPasswordWrapper,html body #SignUpContent #ForgotPasswordRecoveryWrapper,html body #SignUpContent #SignUpVerificationWrapper,html body #SignUpContent #LoginFormWrapper,html body #SignUpContent #SignUpWrapper{background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;width:auto!important;max-width:none!important}html body #SignUpContent #AuthIconAbsoluteSection{display:none!important}html body #SignUpContent .Title{display:block!important;width:auto!important;text-align:left!important;margin:0 0 18px!important;padding:0!important}html body #SignUpContent .Title h1{display:block!important;width:auto!important;text-align:left!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;color:#1A1D24!important;margin:0!important;text-transform:none!important}html body #SignUpContent .Title .Description,html body #SignUpContent .Title .Desc{font-size:14px!important;line-height:1.55!important;color:#6B7280!important;font-weight:500!important;margin:8px 0 0!important;text-align:left!important}html body #SignUpContent #EmailDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #SignUpContent #EmailDisplay:empty{display:none}.sxLbl{display:block;font-size:12.5px;font-weight:600;margin:0 0 6px;color:#1A1D24}html body #SignUpContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T{margin:14px 2px 6px!important;padding:0!important}html body #SignUpContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T span{font-size:12.5px!important;font-weight:600!important;color:#1A1D24!important;text-transform:none!important}html body #SignUpContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.C{padding:0!important;margin:0!important}html body #SignUpContent .CustomInput{display:flex!important;align-items:center;gap:8px;height:50px!important;padding:0 6px 0 16px!important;border-radius:8px!important;background:#fff!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;box-sizing:border-box;transition:background .15s}html body #SignUpContent .CustomInput:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;box-shadow:0 4px 14px rgba(255,180,0,.2)!important;border-color:transparent!important}html body #SignUpContent .CustomInput input{flex:1;min-width:0;height:100%!important;border:0!important;background:none!important;outline:0!important;box-shadow:none!important;padding:0!important;font-size:12px!important;font-weight:600!important;color:#1A1D24!important}html body #SignUpContent .CustomInput input::placeholder{color:#A3A8B1!important;font-weight:500!important}html body #SignUpContent .PasswordVisbilitySection{flex:none}html body #SignUpContent .PasswordVisilityBtn{width:38px!important;height:38px!important;border-radius:12px!important;background-color:transparent!important;border:0!important;opacity:.55}html body #SignUpContent .FormInputWrapper[data-validation=error] .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}html body #SignUpContent .FormInputWrapper .ErrorDisplay,html body #SignUpContent #ErrorDisplaySection .ErrorDisplay{font-size:12.5px!important;font-weight:600!important;color:#DC2626!important;margin:6px 2px 0!important;padding:0!important;background:none!important;border:0!important;text-align:left!important}html body #SignUpContent #ErrorDisplaySection{margin:0!important;padding:0!important}html body #SignUpContent #ErrorDisplaySection:not([data-validation=error]) .ErrorDisplay:empty{display:none}html body #SignUpContent #PasswordValidationTips{display:grid;gap:4px;margin:8px 2px 0!important;padding:0!important;background:none!important}html body #SignUpContent #PasswordValidationTips .Tips{display:flex!important;align-items:center;gap:8px;font-size:12.5px!important;font-weight:500!important;color:#6B7280!important;padding:0!important;margin:0!important;background:none!important}html body #SignUpContent #PasswordValidationTips .Tips::before{content:""!important;flex:none;width:16px;height:16px;border-radius:50%;background:#E6E8EC!important;-webkit-mask:none!important;mask:none!important;position:static!important;display:block!important}html body #SignUpContent #PasswordValidationTips .Tips[tips-status=success]{color:#1F8A4C!important}html body #SignUpContent #PasswordValidationTips .Tips[tips-status=success]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2L11.5 5.7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(135deg,#4ADE80,#16A34A)!important}html body #SignUpContent #PasswordValidationTips .Tips[tips-status=error]{color:#DC2626!important}html body #SignUpContent #PasswordValidationTips .Tips[tips-status=error]::before{background:#FCA5A5!important}html body #SignUpContent #FormActionSection{margin:22px 0 0!important;padding:0!important;display:block!important}html body #SignUpContent #ResetPasswordBtn,html body #SignUpContent #SavePasswordBtn,html body #SignUpContent #RegisterBtn,html body #SignUpContent #VerifyEmailBtn,html body #SignUpContent .sxBig{width:100%!important;height:46px!important;border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;box-shadow:0 10px 24px rgba(201,122,0,.3)!important;cursor:pointer;padding:0 20px!important;text-align:center!important;box-sizing:border-box!important;max-width:100%!important}html body #SignUpContent #ResetPasswordBtn:disabled,html body #SignUpContent #SavePasswordBtn:disabled,html body #SignUpContent #RegisterBtn:disabled,html body #SignUpContent #VerifyEmailBtn:disabled,html body #SignUpContent .sxBig:disabled{opacity:.75;cursor:wait}.sxArrow{font-size:13px;line-height:1;position:static!important;vertical-align:middle;margin-left:8px}html body #SignUpContent #ResetPasswordBtn *,html body #SignUpContent #SavePasswordBtn *,html body #SignUpContent #RegisterBtn *,html body #SignUpContent #VerifyEmailBtn *,html body #SignUpContent .sxBig *{color:#fff!important}html body #SignUpContent #Agreement{margin:14px 0 0!important;font-size:11.5px!important;line-height:1.55!important;color:#6B7280!important;text-align:center!important;text-wrap:balance}html body #SignUpContent #Agreement a{color:#F29A00!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px;white-space:nowrap}html body #SignUpContent #EmailAddressDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #SignUpContent #LoginFormWrapper#LoginFormWrapper,html body #SignUpContent #SignUpWrapper#SignUpWrapper{display:block!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}html body #SignUpContent #LoginMethodTab#LoginMethodTab ul{background:transparent!important;box-shadow:none!important;border:0!important}html body #SignUpContent #LoginFormSection#LoginFormSection:not([style*="none"]),html body #SignUpContent #SignUpFormSection#SignUpFormSection:not([style*="none"]){display:grid!important;gap:12px!important}html body #SignUpContent .sxSub{font-size:14px;color:#6B7280;margin:6px 0 0;font-weight:500}html body #SignUpContent #LoginMethodTab{margin:22px 0 14px!important;padding:0!important}html body #SignUpContent #LoginMethodTab ul{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;list-style:none}html body #SignUpContent #LoginMethodTab li{margin:0!important;padding:0!important}html body #SignUpContent #LoginMethodTab button{width:100%!important;height:44px!important;border:1.5px solid #E3E5E8!important;box-sizing:border-box!important;border-radius:8px!important;background:#fff!important;color:#3F4350!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;padding:0!important;cursor:pointer}html body #SignUpContent #LoginMethodTab button.sxOn{background:#FFFBF1!important;color:#C47A00!important;box-shadow:none!important;border-color:#F2A900!important;font-weight:700!important}html body #SignUpContent #LoginMethodTab button *{color:inherit!important}html body #SignUpContent #LoginMethodTab button::before,html body #SignUpContent #LoginMethodTab button::after,html body #SignUpContent #LoginMethodTab button i,html body #SignUpContent #LoginMethodTab button svg{display:none!important}html body #SignUpContent #LoginFormSection:not([style*="none"]),html body #SignUpContent #SignUpFormSection:not([style*="none"]){display:grid;gap:12px;padding:0!important;margin:0!important}html body #SignUpContent #LoginFormSection .FormInputWrapper,html body #SignUpContent #SignUpFormSection .FormInputWrapper{margin:0!important}html body #SignUpContent .CustomInput>.sxIc{flex:none;width:16px;color:#A3A8B1;font-size:13px;text-align:center}html body #SignUpContent .CustomInput:focus-within>.sxIc{color:#F29A00}html body #SignUpContent .CustomInput>span{flex:none;font-size:12px;font-weight:700;color:#3F4350;margin:0!important;padding:0!important;background:none!important;border:0!important}html body #SignUpContent #LoginBtn,html body #SignUpContent #SendSMSotpBtn{display:none!important}html body #SignUpContent .sxBig[hidden]{display:none!important}html body #SignUpContent #OTPInput.CustomInput{border-radius:8px!important}html body #SignUpContent #OTPInput #ResendOTPBtn{background:#fff!important}html body #SignUpContent .sxLoginGo{margin-top:16px!important}html body #SignUpContent .sxOtpGo{margin-top:20px!important}html body #SignUpContent .ForgotPasswordSection{text-align:right;margin:10px 0 0!important}html body #SignUpContent .ForgotPasswordSection a{color:#F29A00!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}html body #SignUpContent #ForgotOrNewUserSection{display:block!important;margin:0!important;padding:0!important}html body #SignUpContent #ForgotOrNewUserSection>div:not(.ForgotPasswordSection){display:none!important}html body #SignUpContent .sxHint{font-size:12px;color:#6B7280;margin:6px 2px 0}html body #SignUpContent .Title{position:relative}html body #SignUpContent #StepsSection{position:absolute;right:0;top:12px;font-size:13px!important;font-weight:600!important;color:#6B7280!important;margin:0!important}html body #SignUpContent #StepsSection *{color:inherit!important;font-weight:inherit!important}html body #SignUpContent .sxBar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 18px}html body #SignUpContent .sxBar i{height:4px;border-radius:4px;background:#ECEDF0}html body #SignUpContent .sxBar i.on{background:linear-gradient(110deg,#FFD24A,#F29A00)}html body #SignUpContent #MobileOtpSection{margin:18px 0 0!important;padding:0!important;background:none!important}html body #SignUpContent #MobileOtpSection>.T{font-size:14px!important;line-height:1.55!important;color:#3F4350!important;margin:0 0 12px!important;font-weight:500!important}html body #SignUpContent #MobileOtpSection>.T b{color:#1A1D24!important}html body #SignUpContent #MobileOtpSection>.C{margin:0!important;padding:0!important}html body #SignUpContent #ResendOTPBtn{flex:none;height:34px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:#F4F5F7!important;color:#F29A00!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important;width:auto!important}html body #SignUpContent #ResendOTPBtn:disabled{color:#9AA0AA!important}html body #SignUpContent #EmailVerificationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}html body #SignUpContent #EmailVerificationContent>.C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #SignUpContent #ProceedtoLoginSection{margin-top:18px!important;text-align:center!important;font-size:12px!important;color:#6B7280!important;padding:0!important}html body #SignUpContent #ProceedtoLoginSection a{color:#F29A00!important;font-weight:700!important;text-decoration:none!important}html body #SignUpContent .sxAlert{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:12px 14px;border-radius:14px;background:#F4F5F7;box-shadow:inset 0 0 0 1px #E6E8EC}html body #SignUpContent .sxAlert .ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#6B7280;color:#fff}html body #SignUpContent .sxAlert b{display:block;font-size:13.5px;font-weight:800;color:#1A1D24}html body #SignUpContent .sxAlert p{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#4B5160}html body #SignUpContent .sxAlert a{color:#F29A00!important;font-weight:700;text-decoration:underline!important;text-underline-offset:2px}html body #SignUpContent .sxPwMsg{display:block!important;margin:6px 2px 0;font-size:12.5px;font-weight:600;color:#DC2626;line-height:1.45}html body #SignUpContent .FormInputWrapper.sxPwErr .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}.LgAlt{margin-top:18px;text-align:center;font-size:12px;color:#6B7280}.LgAlt a{color:#F29A00!important;font-weight:700;text-decoration:none!important}html body #SignUpContent #ResetPasswordVeritifcationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}.sxMailIc{width:72px;height:72px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box;color:#F29A00}.sxMailIc svg{width:30px;height:30px}.sxDoneH{font-size:20px;font-weight:800;margin:0;color:#1A1D24}html body #SignUpContent #ResetPasswordVeritifcationContent .C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #SignUpContent #ResetPasswordVeritifcationContent .C b{color:#1A1D24}.sxDoneSub{font-size:13px;color:#6B7280;line-height:1.6;margin:12px 0 0}.sxDone #ForgotPasswordFormSection,.sxDone .Title{display:none!important}html body #SignUpContent .sxCenter h1{text-align:center!important}html body #SignUpContent #ResetPasswordExpirationSection{text-align:center;padding:0!important;margin:0!important;background:none!important}html body #SignUpContent #ExpiredIconSection{display:none!important}.sxExpIc{width:72px;height:72px;margin:6px auto 14px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F87171,#DC2626);box-shadow:0 10px 24px rgba(220,38,38,.25)}.sxExpIc svg{width:30px;height:30px}html body #SignUpContent #ResetPasswordExpirationSection #ErrorDisplaySection .ErrorDisplay{display:none!important}.sxExpBtn{box-sizing:border-box;width:100%;white-space:nowrap;margin-top:20px;height:46px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 10px 24px rgba(201,122,0,.3)}@media(max-width:767px){html body #SignUpContent #ResetPasswordBtn,html body #SignUpContent #SavePasswordBtn,html body #SignUpContent #RegisterBtn,html body #SignUpContent #VerifyEmailBtn,html body #SignUpContent .sxBig,.sxExpBtn{height:44px!important}}@media(max-width:767px){body:has(#SignUpContent) #MainHeader{height:58px!important;min-height:0!important;justify-content:flex-start!important;padding:0 16px!important}body:has(#SignUpContent) #HeaderLogo{display:flex!important;align-items:center;height:auto!important;position:static!important;transform:none!important;margin:0!important;left:auto!important;flex:none!important}body:has(#SignUpContent) #HeaderLogo img{height:26px!important;width:auto!important;display:block!important}html body #SignUpContent{display:block!important;min-height:0!important;background:#F3F2EF!important;padding:30px 16px 100px!important}.LgWall{grid-template-columns:repeat(3,1fr);inset:-30px -60px auto;height:330px;transform:rotate(-8deg) scale(1.1)}.LgShade{background:linear-gradient(180deg,rgba(26,29,36,.55) 0%,rgba(26,29,36,.88) 210px,#F3F2EF 290px)}.LgSay{text-align:center}.LgSay h2{font-size:32px}html body #SignUpContent>.InnerContent{flex:none!important;width:100%!important;margin-top:28px!important;padding:26px 22px!important}html body #SignUpContent .Title h1{font-size:26px!important}}
/* SignUpVerificationContent */
html body #SignUpVerificationContent{position:relative!important;overflow:hidden!important;min-height:calc(100dvh - 72px)!important;background:#1A1D24!important;padding:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:40px;padding:48px 8vw!important;box-sizing:border-box;font-family:Manrope,sans-serif}html body #SignUpVerificationContent>#DismissAuthContentPage{display:none!important}.LgWall{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;transform:rotate(-8deg) scale(1.15);pointer-events:none}.LgWall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.LgShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,29,36,.92) 0%,rgba(26,29,36,.7) 45%,rgba(26,29,36,.35) 100%);pointer-events:none}.LgSay{position:relative;z-index:2}.LgSay h2{font-size:52px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0}.LgSay h2 span{background:linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00);-webkit-background-clip:text;background-clip:text;color:transparent}html body #SignUpVerificationContent>.InnerContent{position:relative;z-index:2;flex:0 0 420px!important;min-width:0!important;width:420px!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:24px!important;padding:36px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:#1A1D24!important;box-sizing:border-box;border:0!important}html body #SignUpVerificationContent #ForgotPasswordWrapper,html body #SignUpVerificationContent #ForgotPasswordRecoveryWrapper,html body #SignUpVerificationContent #SignUpVerificationWrapper,html body #SignUpVerificationContent #LoginFormWrapper,html body #SignUpVerificationContent #SignUpWrapper{background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;width:auto!important;max-width:none!important}html body #SignUpVerificationContent #AuthIconAbsoluteSection{display:none!important}html body #SignUpVerificationContent .Title{display:block!important;width:auto!important;text-align:left!important;margin:0 0 18px!important;padding:0!important}html body #SignUpVerificationContent .Title h1{display:block!important;width:auto!important;text-align:left!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;color:#1A1D24!important;margin:0!important;text-transform:none!important}html body #SignUpVerificationContent .Title .Description,html body #SignUpVerificationContent .Title .Desc{font-size:14px!important;line-height:1.55!important;color:#6B7280!important;font-weight:500!important;margin:8px 0 0!important;text-align:left!important}html body #SignUpVerificationContent #EmailDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #SignUpVerificationContent #EmailDisplay:empty{display:none}.sxLbl{display:block;font-size:12.5px;font-weight:600;margin:0 0 6px;color:#1A1D24}html body #SignUpVerificationContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T{margin:14px 2px 6px!important;padding:0!important}html body #SignUpVerificationContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T span{font-size:12.5px!important;font-weight:600!important;color:#1A1D24!important;text-transform:none!important}html body #SignUpVerificationContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.C{padding:0!important;margin:0!important}html body #SignUpVerificationContent .CustomInput{display:flex!important;align-items:center;gap:8px;height:50px!important;padding:0 6px 0 16px!important;border-radius:8px!important;background:#fff!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;box-sizing:border-box;transition:background .15s}html body #SignUpVerificationContent .CustomInput:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;box-shadow:0 4px 14px rgba(255,180,0,.2)!important;border-color:transparent!important}html body #SignUpVerificationContent .CustomInput input{flex:1;min-width:0;height:100%!important;border:0!important;background:none!important;outline:0!important;box-shadow:none!important;padding:0!important;font-size:12px!important;font-weight:600!important;color:#1A1D24!important}html body #SignUpVerificationContent .CustomInput input::placeholder{color:#A3A8B1!important;font-weight:500!important}html body #SignUpVerificationContent .PasswordVisbilitySection{flex:none}html body #SignUpVerificationContent .PasswordVisilityBtn{width:38px!important;height:38px!important;border-radius:12px!important;background-color:transparent!important;border:0!important;opacity:.55}html body #SignUpVerificationContent .FormInputWrapper[data-validation=error] .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}html body #SignUpVerificationContent .FormInputWrapper .ErrorDisplay,html body #SignUpVerificationContent #ErrorDisplaySection .ErrorDisplay{font-size:12.5px!important;font-weight:600!important;color:#DC2626!important;margin:6px 2px 0!important;padding:0!important;background:none!important;border:0!important;text-align:left!important}html body #SignUpVerificationContent #ErrorDisplaySection{margin:0!important;padding:0!important}html body #SignUpVerificationContent #ErrorDisplaySection:not([data-validation=error]) .ErrorDisplay:empty{display:none}html body #SignUpVerificationContent #PasswordValidationTips{display:grid;gap:4px;margin:8px 2px 0!important;padding:0!important;background:none!important}html body #SignUpVerificationContent #PasswordValidationTips .Tips{display:flex!important;align-items:center;gap:8px;font-size:12.5px!important;font-weight:500!important;color:#6B7280!important;padding:0!important;margin:0!important;background:none!important}html body #SignUpVerificationContent #PasswordValidationTips .Tips::before{content:""!important;flex:none;width:16px;height:16px;border-radius:50%;background:#E6E8EC!important;-webkit-mask:none!important;mask:none!important;position:static!important;display:block!important}html body #SignUpVerificationContent #PasswordValidationTips .Tips[tips-status=success]{color:#1F8A4C!important}html body #SignUpVerificationContent #PasswordValidationTips .Tips[tips-status=success]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2L11.5 5.7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(135deg,#4ADE80,#16A34A)!important}html body #SignUpVerificationContent #PasswordValidationTips .Tips[tips-status=error]{color:#DC2626!important}html body #SignUpVerificationContent #PasswordValidationTips .Tips[tips-status=error]::before{background:#FCA5A5!important}html body #SignUpVerificationContent #FormActionSection{margin:22px 0 0!important;padding:0!important;display:block!important}html body #SignUpVerificationContent #ResetPasswordBtn,html body #SignUpVerificationContent #SavePasswordBtn,html body #SignUpVerificationContent #RegisterBtn,html body #SignUpVerificationContent #VerifyEmailBtn,html body #SignUpVerificationContent .sxBig{width:100%!important;height:46px!important;border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;box-shadow:0 10px 24px rgba(201,122,0,.3)!important;cursor:pointer;padding:0 20px!important;text-align:center!important;box-sizing:border-box!important;max-width:100%!important}html body #SignUpVerificationContent #ResetPasswordBtn:disabled,html body #SignUpVerificationContent #SavePasswordBtn:disabled,html body #SignUpVerificationContent #RegisterBtn:disabled,html body #SignUpVerificationContent #VerifyEmailBtn:disabled,html body #SignUpVerificationContent .sxBig:disabled{opacity:.75;cursor:wait}.sxArrow{font-size:13px;line-height:1;position:static!important;vertical-align:middle;margin-left:8px}html body #SignUpVerificationContent #ResetPasswordBtn *,html body #SignUpVerificationContent #SavePasswordBtn *,html body #SignUpVerificationContent #RegisterBtn *,html body #SignUpVerificationContent #VerifyEmailBtn *,html body #SignUpVerificationContent .sxBig *{color:#fff!important}html body #SignUpVerificationContent #Agreement{margin:14px 0 0!important;font-size:11.5px!important;line-height:1.55!important;color:#6B7280!important;text-align:center!important;text-wrap:balance}html body #SignUpVerificationContent #Agreement a{color:#F29A00!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px;white-space:nowrap}html body #SignUpVerificationContent #EmailAddressDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #SignUpVerificationContent #LoginFormWrapper#LoginFormWrapper,html body #SignUpVerificationContent #SignUpWrapper#SignUpWrapper{display:block!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}html body #SignUpVerificationContent #LoginMethodTab#LoginMethodTab ul{background:transparent!important;box-shadow:none!important;border:0!important}html body #SignUpVerificationContent #LoginFormSection#LoginFormSection:not([style*="none"]),html body #SignUpVerificationContent #SignUpFormSection#SignUpFormSection:not([style*="none"]){display:grid!important;gap:12px!important}html body #SignUpVerificationContent .sxSub{font-size:14px;color:#6B7280;margin:6px 0 0;font-weight:500}html body #SignUpVerificationContent #LoginMethodTab{margin:22px 0 14px!important;padding:0!important}html body #SignUpVerificationContent #LoginMethodTab ul{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;list-style:none}html body #SignUpVerificationContent #LoginMethodTab li{margin:0!important;padding:0!important}html body #SignUpVerificationContent #LoginMethodTab button{width:100%!important;height:44px!important;border:1.5px solid #E3E5E8!important;box-sizing:border-box!important;border-radius:8px!important;background:#fff!important;color:#3F4350!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;padding:0!important;cursor:pointer}html body #SignUpVerificationContent #LoginMethodTab button.sxOn{background:#FFFBF1!important;color:#C47A00!important;box-shadow:none!important;border-color:#F2A900!important;font-weight:700!important}html body #SignUpVerificationContent #LoginMethodTab button *{color:inherit!important}html body #SignUpVerificationContent #LoginMethodTab button::before,html body #SignUpVerificationContent #LoginMethodTab button::after,html body #SignUpVerificationContent #LoginMethodTab button i,html body #SignUpVerificationContent #LoginMethodTab button svg{display:none!important}html body #SignUpVerificationContent #LoginFormSection:not([style*="none"]),html body #SignUpVerificationContent #SignUpFormSection:not([style*="none"]){display:grid;gap:12px;padding:0!important;margin:0!important}html body #SignUpVerificationContent #LoginFormSection .FormInputWrapper,html body #SignUpVerificationContent #SignUpFormSection .FormInputWrapper{margin:0!important}html body #SignUpVerificationContent .CustomInput>.sxIc{flex:none;width:16px;color:#A3A8B1;font-size:13px;text-align:center}html body #SignUpVerificationContent .CustomInput:focus-within>.sxIc{color:#F29A00}html body #SignUpVerificationContent .CustomInput>span{flex:none;font-size:12px;font-weight:700;color:#3F4350;margin:0!important;padding:0!important;background:none!important;border:0!important}html body #SignUpVerificationContent #LoginBtn,html body #SignUpVerificationContent #SendSMSotpBtn{display:none!important}html body #SignUpVerificationContent .sxBig[hidden]{display:none!important}html body #SignUpVerificationContent #OTPInput.CustomInput{border-radius:8px!important}html body #SignUpVerificationContent #OTPInput #ResendOTPBtn{background:#fff!important}html body #SignUpVerificationContent .sxLoginGo{margin-top:16px!important}html body #SignUpVerificationContent .sxOtpGo{margin-top:20px!important}html body #SignUpVerificationContent .ForgotPasswordSection{text-align:right;margin:10px 0 0!important}html body #SignUpVerificationContent .ForgotPasswordSection a{color:#F29A00!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}html body #SignUpVerificationContent #ForgotOrNewUserSection{display:block!important;margin:0!important;padding:0!important}html body #SignUpVerificationContent #ForgotOrNewUserSection>div:not(.ForgotPasswordSection){display:none!important}html body #SignUpVerificationContent .sxHint{font-size:12px;color:#6B7280;margin:6px 2px 0}html body #SignUpVerificationContent .Title{position:relative}html body #SignUpVerificationContent #StepsSection{position:absolute;right:0;top:12px;font-size:13px!important;font-weight:600!important;color:#6B7280!important;margin:0!important}html body #SignUpVerificationContent #StepsSection *{color:inherit!important;font-weight:inherit!important}html body #SignUpVerificationContent .sxBar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 18px}html body #SignUpVerificationContent .sxBar i{height:4px;border-radius:4px;background:#ECEDF0}html body #SignUpVerificationContent .sxBar i.on{background:linear-gradient(110deg,#FFD24A,#F29A00)}html body #SignUpVerificationContent #MobileOtpSection{margin:18px 0 0!important;padding:0!important;background:none!important}html body #SignUpVerificationContent #MobileOtpSection>.T{font-size:14px!important;line-height:1.55!important;color:#3F4350!important;margin:0 0 12px!important;font-weight:500!important}html body #SignUpVerificationContent #MobileOtpSection>.T b{color:#1A1D24!important}html body #SignUpVerificationContent #MobileOtpSection>.C{margin:0!important;padding:0!important}html body #SignUpVerificationContent #ResendOTPBtn{flex:none;height:34px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:#F4F5F7!important;color:#F29A00!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important;width:auto!important}html body #SignUpVerificationContent #ResendOTPBtn:disabled{color:#9AA0AA!important}html body #SignUpVerificationContent #EmailVerificationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}html body #SignUpVerificationContent #EmailVerificationContent>.C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #SignUpVerificationContent #ProceedtoLoginSection{margin-top:18px!important;text-align:center!important;font-size:12px!important;color:#6B7280!important;padding:0!important}html body #SignUpVerificationContent #ProceedtoLoginSection a{color:#F29A00!important;font-weight:700!important;text-decoration:none!important}html body #SignUpVerificationContent .sxAlert{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:12px 14px;border-radius:14px;background:#F4F5F7;box-shadow:inset 0 0 0 1px #E6E8EC}html body #SignUpVerificationContent .sxAlert .ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#6B7280;color:#fff}html body #SignUpVerificationContent .sxAlert b{display:block;font-size:13.5px;font-weight:800;color:#1A1D24}html body #SignUpVerificationContent .sxAlert p{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#4B5160}html body #SignUpVerificationContent .sxAlert a{color:#F29A00!important;font-weight:700;text-decoration:underline!important;text-underline-offset:2px}html body #SignUpVerificationContent .sxPwMsg{display:block!important;margin:6px 2px 0;font-size:12.5px;font-weight:600;color:#DC2626;line-height:1.45}html body #SignUpVerificationContent .FormInputWrapper.sxPwErr .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}.LgAlt{margin-top:18px;text-align:center;font-size:12px;color:#6B7280}.LgAlt a{color:#F29A00!important;font-weight:700;text-decoration:none!important}html body #SignUpVerificationContent #ResetPasswordVeritifcationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}.sxMailIc{width:72px;height:72px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box;color:#F29A00}.sxMailIc svg{width:30px;height:30px}.sxDoneH{font-size:20px;font-weight:800;margin:0;color:#1A1D24}html body #SignUpVerificationContent #ResetPasswordVeritifcationContent .C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #SignUpVerificationContent #ResetPasswordVeritifcationContent .C b{color:#1A1D24}.sxDoneSub{font-size:13px;color:#6B7280;line-height:1.6;margin:12px 0 0}.sxDone #ForgotPasswordFormSection,.sxDone .Title{display:none!important}html body #SignUpVerificationContent .sxCenter h1{text-align:center!important}html body #SignUpVerificationContent #ResetPasswordExpirationSection{text-align:center;padding:0!important;margin:0!important;background:none!important}html body #SignUpVerificationContent #ExpiredIconSection{display:none!important}.sxExpIc{width:72px;height:72px;margin:6px auto 14px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F87171,#DC2626);box-shadow:0 10px 24px rgba(220,38,38,.25)}.sxExpIc svg{width:30px;height:30px}html body #SignUpVerificationContent #ResetPasswordExpirationSection #ErrorDisplaySection .ErrorDisplay{display:none!important}.sxExpBtn{box-sizing:border-box;width:100%;white-space:nowrap;margin-top:20px;height:46px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 10px 24px rgba(201,122,0,.3)}@media(max-width:767px){html body #SignUpVerificationContent #ResetPasswordBtn,html body #SignUpVerificationContent #SavePasswordBtn,html body #SignUpVerificationContent #RegisterBtn,html body #SignUpVerificationContent #VerifyEmailBtn,html body #SignUpVerificationContent .sxBig,.sxExpBtn{height:44px!important}}@media(max-width:767px){body:has(#SignUpVerificationContent) #MainHeader{height:58px!important;min-height:0!important;justify-content:flex-start!important;padding:0 16px!important}body:has(#SignUpVerificationContent) #HeaderLogo{display:flex!important;align-items:center;height:auto!important;position:static!important;transform:none!important;margin:0!important;left:auto!important;flex:none!important}body:has(#SignUpVerificationContent) #HeaderLogo img{height:26px!important;width:auto!important;display:block!important}html body #SignUpVerificationContent{display:block!important;min-height:0!important;background:#F3F2EF!important;padding:30px 16px 100px!important}.LgWall{grid-template-columns:repeat(3,1fr);inset:-30px -60px auto;height:330px;transform:rotate(-8deg) scale(1.1)}.LgShade{background:linear-gradient(180deg,rgba(26,29,36,.55) 0%,rgba(26,29,36,.88) 210px,#F3F2EF 290px)}.LgSay{text-align:center}.LgSay h2{font-size:32px}html body #SignUpVerificationContent>.InnerContent{flex:none!important;width:100%!important;margin-top:28px!important;padding:26px 22px!important}html body #SignUpVerificationContent .Title h1{font-size:26px!important}}
/* ForgotPasswordContent */
html body #ForgotPasswordContent{position:relative!important;overflow:hidden!important;min-height:calc(100dvh - 72px)!important;background:#1A1D24!important;padding:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:40px;padding:48px 8vw!important;box-sizing:border-box;font-family:Manrope,sans-serif}html body #ForgotPasswordContent>#DismissAuthContentPage{display:none!important}.LgWall{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;transform:rotate(-8deg) scale(1.15);pointer-events:none}.LgWall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.LgShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,29,36,.92) 0%,rgba(26,29,36,.7) 45%,rgba(26,29,36,.35) 100%);pointer-events:none}.LgSay{position:relative;z-index:2}.LgSay h2{font-size:52px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0}.LgSay h2 span{background:linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00);-webkit-background-clip:text;background-clip:text;color:transparent}html body #ForgotPasswordContent>.InnerContent{position:relative;z-index:2;flex:0 0 420px!important;min-width:0!important;width:420px!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:24px!important;padding:36px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:#1A1D24!important;box-sizing:border-box;border:0!important}html body #ForgotPasswordContent #ForgotPasswordWrapper,html body #ForgotPasswordContent #ForgotPasswordRecoveryWrapper,html body #ForgotPasswordContent #SignUpVerificationWrapper,html body #ForgotPasswordContent #LoginFormWrapper,html body #ForgotPasswordContent #SignUpWrapper{background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;width:auto!important;max-width:none!important}html body #ForgotPasswordContent #AuthIconAbsoluteSection{display:none!important}html body #ForgotPasswordContent .Title{display:block!important;width:auto!important;text-align:left!important;margin:0 0 18px!important;padding:0!important}html body #ForgotPasswordContent .Title h1{display:block!important;width:auto!important;text-align:left!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;color:#1A1D24!important;margin:0!important;text-transform:none!important}html body #ForgotPasswordContent .Title .Description,html body #ForgotPasswordContent .Title .Desc{font-size:14px!important;line-height:1.55!important;color:#6B7280!important;font-weight:500!important;margin:8px 0 0!important;text-align:left!important}html body #ForgotPasswordContent #EmailDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #ForgotPasswordContent #EmailDisplay:empty{display:none}.sxLbl{display:block;font-size:12.5px;font-weight:600;margin:0 0 6px;color:#1A1D24}html body #ForgotPasswordContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T{margin:14px 2px 6px!important;padding:0!important}html body #ForgotPasswordContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T span{font-size:12.5px!important;font-weight:600!important;color:#1A1D24!important;text-transform:none!important}html body #ForgotPasswordContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.C{padding:0!important;margin:0!important}html body #ForgotPasswordContent .CustomInput{display:flex!important;align-items:center;gap:8px;height:50px!important;padding:0 6px 0 16px!important;border-radius:8px!important;background:#fff!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;box-sizing:border-box;transition:background .15s}html body #ForgotPasswordContent .CustomInput:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;box-shadow:0 4px 14px rgba(255,180,0,.2)!important;border-color:transparent!important}html body #ForgotPasswordContent .CustomInput input{flex:1;min-width:0;height:100%!important;border:0!important;background:none!important;outline:0!important;box-shadow:none!important;padding:0!important;font-size:12px!important;font-weight:600!important;color:#1A1D24!important}html body #ForgotPasswordContent .CustomInput input::placeholder{color:#A3A8B1!important;font-weight:500!important}html body #ForgotPasswordContent .PasswordVisbilitySection{flex:none}html body #ForgotPasswordContent .PasswordVisilityBtn{width:38px!important;height:38px!important;border-radius:12px!important;background-color:transparent!important;border:0!important;opacity:.55}html body #ForgotPasswordContent .FormInputWrapper[data-validation=error] .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}html body #ForgotPasswordContent .FormInputWrapper .ErrorDisplay,html body #ForgotPasswordContent #ErrorDisplaySection .ErrorDisplay{font-size:12.5px!important;font-weight:600!important;color:#DC2626!important;margin:6px 2px 0!important;padding:0!important;background:none!important;border:0!important;text-align:left!important}html body #ForgotPasswordContent #ErrorDisplaySection{margin:0!important;padding:0!important}html body #ForgotPasswordContent #ErrorDisplaySection:not([data-validation=error]) .ErrorDisplay:empty{display:none}html body #ForgotPasswordContent #PasswordValidationTips{display:grid;gap:4px;margin:8px 2px 0!important;padding:0!important;background:none!important}html body #ForgotPasswordContent #PasswordValidationTips .Tips{display:flex!important;align-items:center;gap:8px;font-size:12.5px!important;font-weight:500!important;color:#6B7280!important;padding:0!important;margin:0!important;background:none!important}html body #ForgotPasswordContent #PasswordValidationTips .Tips::before{content:""!important;flex:none;width:16px;height:16px;border-radius:50%;background:#E6E8EC!important;-webkit-mask:none!important;mask:none!important;position:static!important;display:block!important}html body #ForgotPasswordContent #PasswordValidationTips .Tips[tips-status=success]{color:#1F8A4C!important}html body #ForgotPasswordContent #PasswordValidationTips .Tips[tips-status=success]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2L11.5 5.7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(135deg,#4ADE80,#16A34A)!important}html body #ForgotPasswordContent #PasswordValidationTips .Tips[tips-status=error]{color:#DC2626!important}html body #ForgotPasswordContent #PasswordValidationTips .Tips[tips-status=error]::before{background:#FCA5A5!important}html body #ForgotPasswordContent #FormActionSection{margin:22px 0 0!important;padding:0!important;display:block!important}html body #ForgotPasswordContent #ResetPasswordBtn,html body #ForgotPasswordContent #SavePasswordBtn,html body #ForgotPasswordContent #RegisterBtn,html body #ForgotPasswordContent #VerifyEmailBtn,html body #ForgotPasswordContent .sxBig{width:100%!important;height:46px!important;border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;box-shadow:0 10px 24px rgba(201,122,0,.3)!important;cursor:pointer;padding:0 20px!important;text-align:center!important;box-sizing:border-box!important;max-width:100%!important}html body #ForgotPasswordContent #ResetPasswordBtn:disabled,html body #ForgotPasswordContent #SavePasswordBtn:disabled,html body #ForgotPasswordContent #RegisterBtn:disabled,html body #ForgotPasswordContent #VerifyEmailBtn:disabled,html body #ForgotPasswordContent .sxBig:disabled{opacity:.75;cursor:wait}.sxArrow{font-size:13px;line-height:1;position:static!important;vertical-align:middle;margin-left:8px}html body #ForgotPasswordContent #ResetPasswordBtn *,html body #ForgotPasswordContent #SavePasswordBtn *,html body #ForgotPasswordContent #RegisterBtn *,html body #ForgotPasswordContent #VerifyEmailBtn *,html body #ForgotPasswordContent .sxBig *{color:#fff!important}html body #ForgotPasswordContent #Agreement{margin:14px 0 0!important;font-size:11.5px!important;line-height:1.55!important;color:#6B7280!important;text-align:center!important;text-wrap:balance}html body #ForgotPasswordContent #Agreement a{color:#F29A00!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px;white-space:nowrap}html body #ForgotPasswordContent #EmailAddressDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #ForgotPasswordContent #LoginFormWrapper#LoginFormWrapper,html body #ForgotPasswordContent #SignUpWrapper#SignUpWrapper{display:block!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}html body #ForgotPasswordContent #LoginMethodTab#LoginMethodTab ul{background:transparent!important;box-shadow:none!important;border:0!important}html body #ForgotPasswordContent #LoginFormSection#LoginFormSection:not([style*="none"]),html body #ForgotPasswordContent #SignUpFormSection#SignUpFormSection:not([style*="none"]){display:grid!important;gap:12px!important}html body #ForgotPasswordContent .sxSub{font-size:14px;color:#6B7280;margin:6px 0 0;font-weight:500}html body #ForgotPasswordContent #LoginMethodTab{margin:22px 0 14px!important;padding:0!important}html body #ForgotPasswordContent #LoginMethodTab ul{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;list-style:none}html body #ForgotPasswordContent #LoginMethodTab li{margin:0!important;padding:0!important}html body #ForgotPasswordContent #LoginMethodTab button{width:100%!important;height:44px!important;border:1.5px solid #E3E5E8!important;box-sizing:border-box!important;border-radius:8px!important;background:#fff!important;color:#3F4350!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;padding:0!important;cursor:pointer}html body #ForgotPasswordContent #LoginMethodTab button.sxOn{background:#FFFBF1!important;color:#C47A00!important;box-shadow:none!important;border-color:#F2A900!important;font-weight:700!important}html body #ForgotPasswordContent #LoginMethodTab button *{color:inherit!important}html body #ForgotPasswordContent #LoginMethodTab button::before,html body #ForgotPasswordContent #LoginMethodTab button::after,html body #ForgotPasswordContent #LoginMethodTab button i,html body #ForgotPasswordContent #LoginMethodTab button svg{display:none!important}html body #ForgotPasswordContent #LoginFormSection:not([style*="none"]),html body #ForgotPasswordContent #SignUpFormSection:not([style*="none"]){display:grid;gap:12px;padding:0!important;margin:0!important}html body #ForgotPasswordContent #LoginFormSection .FormInputWrapper,html body #ForgotPasswordContent #SignUpFormSection .FormInputWrapper{margin:0!important}html body #ForgotPasswordContent .CustomInput>.sxIc{flex:none;width:16px;color:#A3A8B1;font-size:13px;text-align:center}html body #ForgotPasswordContent .CustomInput:focus-within>.sxIc{color:#F29A00}html body #ForgotPasswordContent .CustomInput>span{flex:none;font-size:12px;font-weight:700;color:#3F4350;margin:0!important;padding:0!important;background:none!important;border:0!important}html body #ForgotPasswordContent #LoginBtn,html body #ForgotPasswordContent #SendSMSotpBtn{display:none!important}html body #ForgotPasswordContent .sxBig[hidden]{display:none!important}html body #ForgotPasswordContent #OTPInput.CustomInput{border-radius:8px!important}html body #ForgotPasswordContent #OTPInput #ResendOTPBtn{background:#fff!important}html body #ForgotPasswordContent .sxLoginGo{margin-top:16px!important}html body #ForgotPasswordContent .sxOtpGo{margin-top:20px!important}html body #ForgotPasswordContent .ForgotPasswordSection{text-align:right;margin:10px 0 0!important}html body #ForgotPasswordContent .ForgotPasswordSection a{color:#F29A00!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}html body #ForgotPasswordContent #ForgotOrNewUserSection{display:block!important;margin:0!important;padding:0!important}html body #ForgotPasswordContent #ForgotOrNewUserSection>div:not(.ForgotPasswordSection){display:none!important}html body #ForgotPasswordContent .sxHint{font-size:12px;color:#6B7280;margin:6px 2px 0}html body #ForgotPasswordContent .Title{position:relative}html body #ForgotPasswordContent #StepsSection{position:absolute;right:0;top:12px;font-size:13px!important;font-weight:600!important;color:#6B7280!important;margin:0!important}html body #ForgotPasswordContent #StepsSection *{color:inherit!important;font-weight:inherit!important}html body #ForgotPasswordContent .sxBar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 18px}html body #ForgotPasswordContent .sxBar i{height:4px;border-radius:4px;background:#ECEDF0}html body #ForgotPasswordContent .sxBar i.on{background:linear-gradient(110deg,#FFD24A,#F29A00)}html body #ForgotPasswordContent #MobileOtpSection{margin:18px 0 0!important;padding:0!important;background:none!important}html body #ForgotPasswordContent #MobileOtpSection>.T{font-size:14px!important;line-height:1.55!important;color:#3F4350!important;margin:0 0 12px!important;font-weight:500!important}html body #ForgotPasswordContent #MobileOtpSection>.T b{color:#1A1D24!important}html body #ForgotPasswordContent #MobileOtpSection>.C{margin:0!important;padding:0!important}html body #ForgotPasswordContent #ResendOTPBtn{flex:none;height:34px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:#F4F5F7!important;color:#F29A00!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important;width:auto!important}html body #ForgotPasswordContent #ResendOTPBtn:disabled{color:#9AA0AA!important}html body #ForgotPasswordContent #EmailVerificationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}html body #ForgotPasswordContent #EmailVerificationContent>.C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #ForgotPasswordContent #ProceedtoLoginSection{margin-top:18px!important;text-align:center!important;font-size:12px!important;color:#6B7280!important;padding:0!important}html body #ForgotPasswordContent #ProceedtoLoginSection a{color:#F29A00!important;font-weight:700!important;text-decoration:none!important}html body #ForgotPasswordContent .sxAlert{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:12px 14px;border-radius:14px;background:#F4F5F7;box-shadow:inset 0 0 0 1px #E6E8EC}html body #ForgotPasswordContent .sxAlert .ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#6B7280;color:#fff}html body #ForgotPasswordContent .sxAlert b{display:block;font-size:13.5px;font-weight:800;color:#1A1D24}html body #ForgotPasswordContent .sxAlert p{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#4B5160}html body #ForgotPasswordContent .sxAlert a{color:#F29A00!important;font-weight:700;text-decoration:underline!important;text-underline-offset:2px}html body #ForgotPasswordContent .sxPwMsg{display:block!important;margin:6px 2px 0;font-size:12.5px;font-weight:600;color:#DC2626;line-height:1.45}html body #ForgotPasswordContent .FormInputWrapper.sxPwErr .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}.LgAlt{margin-top:18px;text-align:center;font-size:12px;color:#6B7280}.LgAlt a{color:#F29A00!important;font-weight:700;text-decoration:none!important}html body #ForgotPasswordContent #ResetPasswordVeritifcationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}.sxMailIc{width:72px;height:72px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box;color:#F29A00}.sxMailIc svg{width:30px;height:30px}.sxDoneH{font-size:20px;font-weight:800;margin:0;color:#1A1D24}html body #ForgotPasswordContent #ResetPasswordVeritifcationContent .C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #ForgotPasswordContent #ResetPasswordVeritifcationContent .C b{color:#1A1D24}.sxDoneSub{font-size:13px;color:#6B7280;line-height:1.6;margin:12px 0 0}.sxDone #ForgotPasswordFormSection,.sxDone .Title{display:none!important}html body #ForgotPasswordContent .sxCenter h1{text-align:center!important}html body #ForgotPasswordContent #ResetPasswordExpirationSection{text-align:center;padding:0!important;margin:0!important;background:none!important}html body #ForgotPasswordContent #ExpiredIconSection{display:none!important}.sxExpIc{width:72px;height:72px;margin:6px auto 14px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F87171,#DC2626);box-shadow:0 10px 24px rgba(220,38,38,.25)}.sxExpIc svg{width:30px;height:30px}html body #ForgotPasswordContent #ResetPasswordExpirationSection #ErrorDisplaySection .ErrorDisplay{display:none!important}.sxExpBtn{box-sizing:border-box;width:100%;white-space:nowrap;margin-top:20px;height:46px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 10px 24px rgba(201,122,0,.3)}@media(max-width:767px){html body #ForgotPasswordContent #ResetPasswordBtn,html body #ForgotPasswordContent #SavePasswordBtn,html body #ForgotPasswordContent #RegisterBtn,html body #ForgotPasswordContent #VerifyEmailBtn,html body #ForgotPasswordContent .sxBig,.sxExpBtn{height:44px!important}}@media(max-width:767px){body:has(#ForgotPasswordContent) #MainHeader{height:58px!important;min-height:0!important;justify-content:flex-start!important;padding:0 16px!important}body:has(#ForgotPasswordContent) #HeaderLogo{display:flex!important;align-items:center;height:auto!important;position:static!important;transform:none!important;margin:0!important;left:auto!important;flex:none!important}body:has(#ForgotPasswordContent) #HeaderLogo img{height:26px!important;width:auto!important;display:block!important}html body #ForgotPasswordContent{display:block!important;min-height:0!important;background:#F3F2EF!important;padding:30px 16px 100px!important}.LgWall{grid-template-columns:repeat(3,1fr);inset:-30px -60px auto;height:330px;transform:rotate(-8deg) scale(1.1)}.LgShade{background:linear-gradient(180deg,rgba(26,29,36,.55) 0%,rgba(26,29,36,.88) 210px,#F3F2EF 290px)}.LgSay{text-align:center}.LgSay h2{font-size:32px}html body #ForgotPasswordContent>.InnerContent{flex:none!important;width:100%!important;margin-top:28px!important;padding:26px 22px!important}html body #ForgotPasswordContent .Title h1{font-size:26px!important}}
/* ForgotPasswordRecoveryContent */
html body #ForgotPasswordRecoveryContent{position:relative!important;overflow:hidden!important;min-height:calc(100dvh - 72px)!important;background:#1A1D24!important;padding:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:40px;padding:48px 8vw!important;box-sizing:border-box;font-family:Manrope,sans-serif}html body #ForgotPasswordRecoveryContent>#DismissAuthContentPage{display:none!important}.LgWall{position:absolute;inset:-40px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;transform:rotate(-8deg) scale(1.15);pointer-events:none}.LgWall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px}.LgShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,29,36,.92) 0%,rgba(26,29,36,.7) 45%,rgba(26,29,36,.35) 100%);pointer-events:none}.LgSay{position:relative;z-index:2}.LgSay h2{font-size:52px;font-weight:800;letter-spacing:-.035em;line-height:1.05;color:#fff;margin:0}.LgSay h2 span{background:linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00);-webkit-background-clip:text;background-clip:text;color:transparent}html body #ForgotPasswordRecoveryContent>.InnerContent{position:relative;z-index:2;flex:0 0 420px!important;min-width:0!important;width:420px!important;max-width:none!important;margin:0!important;background:#fff!important;border-radius:24px!important;padding:36px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:#1A1D24!important;box-sizing:border-box;border:0!important}html body #ForgotPasswordRecoveryContent #ForgotPasswordWrapper,html body #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper,html body #ForgotPasswordRecoveryContent #SignUpVerificationWrapper,html body #ForgotPasswordRecoveryContent #LoginFormWrapper,html body #ForgotPasswordRecoveryContent #SignUpWrapper{background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border:0!important;width:auto!important;max-width:none!important}html body #ForgotPasswordRecoveryContent #AuthIconAbsoluteSection{display:none!important}html body #ForgotPasswordRecoveryContent .Title{display:block!important;width:auto!important;text-align:left!important;margin:0 0 18px!important;padding:0!important}html body #ForgotPasswordRecoveryContent .Title h1{display:block!important;width:auto!important;text-align:left!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.03em!important;color:#1A1D24!important;margin:0!important;text-transform:none!important}html body #ForgotPasswordRecoveryContent .Title .Description,html body #ForgotPasswordRecoveryContent .Title .Desc{font-size:14px!important;line-height:1.55!important;color:#6B7280!important;font-weight:500!important;margin:8px 0 0!important;text-align:left!important}html body #ForgotPasswordRecoveryContent #EmailDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #ForgotPasswordRecoveryContent #EmailDisplay:empty{display:none}.sxLbl{display:block;font-size:12.5px;font-weight:600;margin:0 0 6px;color:#1A1D24}html body #ForgotPasswordRecoveryContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T{margin:14px 2px 6px!important;padding:0!important}html body #ForgotPasswordRecoveryContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.T span{font-size:12.5px!important;font-weight:600!important;color:#1A1D24!important;text-transform:none!important}html body #ForgotPasswordRecoveryContent :is(#ForgotPasswordRecoveryFormSection,#SignUpVerificationFormSection)>.C{padding:0!important;margin:0!important}html body #ForgotPasswordRecoveryContent .CustomInput{display:flex!important;align-items:center;gap:8px;height:50px!important;padding:0 6px 0 16px!important;border-radius:8px!important;background:#fff!important;border:1.5px solid #E3E5E8!important;box-shadow:none!important;box-sizing:border-box;transition:background .15s}html body #ForgotPasswordRecoveryContent .CustomInput:focus-within{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box!important;box-shadow:0 4px 14px rgba(255,180,0,.2)!important;border-color:transparent!important}html body #ForgotPasswordRecoveryContent .CustomInput input{flex:1;min-width:0;height:100%!important;border:0!important;background:none!important;outline:0!important;box-shadow:none!important;padding:0!important;font-size:12px!important;font-weight:600!important;color:#1A1D24!important}html body #ForgotPasswordRecoveryContent .CustomInput input::placeholder{color:#A3A8B1!important;font-weight:500!important}html body #ForgotPasswordRecoveryContent .PasswordVisbilitySection{flex:none}html body #ForgotPasswordRecoveryContent .PasswordVisilityBtn{width:38px!important;height:38px!important;border-radius:12px!important;background-color:transparent!important;border:0!important;opacity:.55}html body #ForgotPasswordRecoveryContent .FormInputWrapper[data-validation=error] .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}html body #ForgotPasswordRecoveryContent .FormInputWrapper .ErrorDisplay,html body #ForgotPasswordRecoveryContent #ErrorDisplaySection .ErrorDisplay{font-size:12.5px!important;font-weight:600!important;color:#DC2626!important;margin:6px 2px 0!important;padding:0!important;background:none!important;border:0!important;text-align:left!important}html body #ForgotPasswordRecoveryContent #ErrorDisplaySection{margin:0!important;padding:0!important}html body #ForgotPasswordRecoveryContent #ErrorDisplaySection:not([data-validation=error]) .ErrorDisplay:empty{display:none}html body #ForgotPasswordRecoveryContent #PasswordValidationTips{display:grid;gap:4px;margin:8px 2px 0!important;padding:0!important;background:none!important}html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips{display:flex!important;align-items:center;gap:8px;font-size:12.5px!important;font-weight:500!important;color:#6B7280!important;padding:0!important;margin:0!important;background:none!important}html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips::before{content:""!important;flex:none;width:16px;height:16px;border-radius:50%;background:#E6E8EC!important;-webkit-mask:none!important;mask:none!important;position:static!important;display:block!important}html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips[tips-status=success]{color:#1F8A4C!important}html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips[tips-status=success]::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2L11.5 5.7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat,linear-gradient(135deg,#4ADE80,#16A34A)!important}html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips[tips-status=error]{color:#DC2626!important}html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips[tips-status=error]::before{background:#FCA5A5!important}html body #ForgotPasswordRecoveryContent #FormActionSection{margin:22px 0 0!important;padding:0!important;display:block!important}html body #ForgotPasswordRecoveryContent #ResetPasswordBtn,html body #ForgotPasswordRecoveryContent #SavePasswordBtn,html body #ForgotPasswordRecoveryContent #RegisterBtn,html body #ForgotPasswordRecoveryContent #VerifyEmailBtn,html body #ForgotPasswordRecoveryContent .sxBig{width:100%!important;height:46px!important;border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px;box-shadow:0 10px 24px rgba(201,122,0,.3)!important;cursor:pointer;padding:0 20px!important;text-align:center!important;box-sizing:border-box!important;max-width:100%!important}html body #ForgotPasswordRecoveryContent #ResetPasswordBtn:disabled,html body #ForgotPasswordRecoveryContent #SavePasswordBtn:disabled,html body #ForgotPasswordRecoveryContent #RegisterBtn:disabled,html body #ForgotPasswordRecoveryContent #VerifyEmailBtn:disabled,html body #ForgotPasswordRecoveryContent .sxBig:disabled{opacity:.75;cursor:wait}.sxArrow{font-size:13px;line-height:1;position:static!important;vertical-align:middle;margin-left:8px}html body #ForgotPasswordRecoveryContent #ResetPasswordBtn *,html body #ForgotPasswordRecoveryContent #SavePasswordBtn *,html body #ForgotPasswordRecoveryContent #RegisterBtn *,html body #ForgotPasswordRecoveryContent #VerifyEmailBtn *,html body #ForgotPasswordRecoveryContent .sxBig *{color:#fff!important}html body #ForgotPasswordRecoveryContent #Agreement{margin:14px 0 0!important;font-size:11.5px!important;line-height:1.55!important;color:#6B7280!important;text-align:center!important;text-wrap:balance}html body #ForgotPasswordRecoveryContent #Agreement a{color:#F29A00!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:2px;white-space:nowrap}html body #ForgotPasswordRecoveryContent #EmailAddressDisplay{font-size:14px;font-weight:700;color:#1A1D24;margin-top:6px}html body #ForgotPasswordRecoveryContent #LoginFormWrapper#LoginFormWrapper,html body #ForgotPasswordRecoveryContent #SignUpWrapper#SignUpWrapper{display:block!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}html body #ForgotPasswordRecoveryContent #LoginMethodTab#LoginMethodTab ul{background:transparent!important;box-shadow:none!important;border:0!important}html body #ForgotPasswordRecoveryContent #LoginFormSection#LoginFormSection:not([style*="none"]),html body #ForgotPasswordRecoveryContent #SignUpFormSection#SignUpFormSection:not([style*="none"]){display:grid!important;gap:12px!important}html body #ForgotPasswordRecoveryContent .sxSub{font-size:14px;color:#6B7280;margin:6px 0 0;font-weight:500}html body #ForgotPasswordRecoveryContent #LoginMethodTab{margin:22px 0 14px!important;padding:0!important}html body #ForgotPasswordRecoveryContent #LoginMethodTab ul{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important;list-style:none}html body #ForgotPasswordRecoveryContent #LoginMethodTab li{margin:0!important;padding:0!important}html body #ForgotPasswordRecoveryContent #LoginMethodTab button{width:100%!important;height:44px!important;border:1.5px solid #E3E5E8!important;box-sizing:border-box!important;border-radius:8px!important;background:#fff!important;color:#3F4350!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;padding:0!important;cursor:pointer}html body #ForgotPasswordRecoveryContent #LoginMethodTab button.sxOn{background:#FFFBF1!important;color:#C47A00!important;box-shadow:none!important;border-color:#F2A900!important;font-weight:700!important}html body #ForgotPasswordRecoveryContent #LoginMethodTab button *{color:inherit!important}html body #ForgotPasswordRecoveryContent #LoginMethodTab button::before,html body #ForgotPasswordRecoveryContent #LoginMethodTab button::after,html body #ForgotPasswordRecoveryContent #LoginMethodTab button i,html body #ForgotPasswordRecoveryContent #LoginMethodTab button svg{display:none!important}html body #ForgotPasswordRecoveryContent #LoginFormSection:not([style*="none"]),html body #ForgotPasswordRecoveryContent #SignUpFormSection:not([style*="none"]){display:grid;gap:12px;padding:0!important;margin:0!important}html body #ForgotPasswordRecoveryContent #LoginFormSection .FormInputWrapper,html body #ForgotPasswordRecoveryContent #SignUpFormSection .FormInputWrapper{margin:0!important}html body #ForgotPasswordRecoveryContent .CustomInput>.sxIc{flex:none;width:16px;color:#A3A8B1;font-size:13px;text-align:center}html body #ForgotPasswordRecoveryContent .CustomInput:focus-within>.sxIc{color:#F29A00}html body #ForgotPasswordRecoveryContent .CustomInput>span{flex:none;font-size:12px;font-weight:700;color:#3F4350;margin:0!important;padding:0!important;background:none!important;border:0!important}html body #ForgotPasswordRecoveryContent #LoginBtn,html body #ForgotPasswordRecoveryContent #SendSMSotpBtn{display:none!important}html body #ForgotPasswordRecoveryContent .sxBig[hidden]{display:none!important}html body #ForgotPasswordRecoveryContent #OTPInput.CustomInput{border-radius:8px!important}html body #ForgotPasswordRecoveryContent #OTPInput #ResendOTPBtn{background:#fff!important}html body #ForgotPasswordRecoveryContent .sxLoginGo{margin-top:16px!important}html body #ForgotPasswordRecoveryContent .sxOtpGo{margin-top:20px!important}html body #ForgotPasswordRecoveryContent .ForgotPasswordSection{text-align:right;margin:10px 0 0!important}html body #ForgotPasswordRecoveryContent .ForgotPasswordSection a{color:#F29A00!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important}html body #ForgotPasswordRecoveryContent #ForgotOrNewUserSection{display:block!important;margin:0!important;padding:0!important}html body #ForgotPasswordRecoveryContent #ForgotOrNewUserSection>div:not(.ForgotPasswordSection){display:none!important}html body #ForgotPasswordRecoveryContent .sxHint{font-size:12px;color:#6B7280;margin:6px 2px 0}html body #ForgotPasswordRecoveryContent .Title{position:relative}html body #ForgotPasswordRecoveryContent #StepsSection{position:absolute;right:0;top:12px;font-size:13px!important;font-weight:600!important;color:#6B7280!important;margin:0!important}html body #ForgotPasswordRecoveryContent #StepsSection *{color:inherit!important;font-weight:inherit!important}html body #ForgotPasswordRecoveryContent .sxBar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 18px}html body #ForgotPasswordRecoveryContent .sxBar i{height:4px;border-radius:4px;background:#ECEDF0}html body #ForgotPasswordRecoveryContent .sxBar i.on{background:linear-gradient(110deg,#FFD24A,#F29A00)}html body #ForgotPasswordRecoveryContent #MobileOtpSection{margin:18px 0 0!important;padding:0!important;background:none!important}html body #ForgotPasswordRecoveryContent #MobileOtpSection>.T{font-size:14px!important;line-height:1.55!important;color:#3F4350!important;margin:0 0 12px!important;font-weight:500!important}html body #ForgotPasswordRecoveryContent #MobileOtpSection>.T b{color:#1A1D24!important}html body #ForgotPasswordRecoveryContent #MobileOtpSection>.C{margin:0!important;padding:0!important}html body #ForgotPasswordRecoveryContent #ResendOTPBtn{flex:none;height:34px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;background:#F4F5F7!important;color:#F29A00!important;font-size:12.5px!important;font-weight:800!important;box-shadow:none!important;width:auto!important}html body #ForgotPasswordRecoveryContent #ResendOTPBtn:disabled{color:#9AA0AA!important}html body #ForgotPasswordRecoveryContent #EmailVerificationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}html body #ForgotPasswordRecoveryContent #EmailVerificationContent>.C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #ForgotPasswordRecoveryContent #ProceedtoLoginSection{margin-top:18px!important;text-align:center!important;font-size:12px!important;color:#6B7280!important;padding:0!important}html body #ForgotPasswordRecoveryContent #ProceedtoLoginSection a{color:#F29A00!important;font-weight:700!important;text-decoration:none!important}html body #ForgotPasswordRecoveryContent .sxAlert{display:flex;gap:12px;align-items:flex-start;margin:18px 0 4px;padding:12px 14px;border-radius:14px;background:#F4F5F7;box-shadow:inset 0 0 0 1px #E6E8EC}html body #ForgotPasswordRecoveryContent .sxAlert .ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#6B7280;color:#fff}html body #ForgotPasswordRecoveryContent .sxAlert b{display:block;font-size:13.5px;font-weight:800;color:#1A1D24}html body #ForgotPasswordRecoveryContent .sxAlert p{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:#4B5160}html body #ForgotPasswordRecoveryContent .sxAlert a{color:#F29A00!important;font-weight:700;text-decoration:underline!important;text-underline-offset:2px}html body #ForgotPasswordRecoveryContent .sxPwMsg{display:block!important;margin:6px 2px 0;font-size:12.5px;font-weight:600;color:#DC2626;line-height:1.45}html body #ForgotPasswordRecoveryContent .FormInputWrapper.sxPwErr .CustomInput{background:#FEF2F2!important;border-color:#F3B4B4!important}.LgAlt{margin-top:18px;text-align:center;font-size:12px;color:#6B7280}.LgAlt a{color:#F29A00!important;font-weight:700;text-decoration:none!important}html body #ForgotPasswordRecoveryContent #ResetPasswordVeritifcationContent{text-align:center;margin:4px 0 0!important;padding:0!important;background:none!important;border:0!important}.sxMailIc{width:72px;height:72px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;background:linear-gradient(#FFFBF1,#FFFBF1) padding-box,linear-gradient(110deg,#FFD24A,#FFB400 35%,#E08A00 70%,#9C5A00) border-box;color:#F29A00}.sxMailIc svg{width:30px;height:30px}.sxDoneH{font-size:20px;font-weight:800;margin:0;color:#1A1D24}html body #ForgotPasswordRecoveryContent #ResetPasswordVeritifcationContent .C{font-size:14px!important;color:#3F4350!important;line-height:1.6!important;margin:10px 0 0!important;padding:0!important;background:none!important;text-align:center!important}html body #ForgotPasswordRecoveryContent #ResetPasswordVeritifcationContent .C b{color:#1A1D24}.sxDoneSub{font-size:13px;color:#6B7280;line-height:1.6;margin:12px 0 0}.sxDone #ForgotPasswordFormSection,.sxDone .Title{display:none!important}html body #ForgotPasswordRecoveryContent .sxCenter h1{text-align:center!important}html body #ForgotPasswordRecoveryContent #ResetPasswordExpirationSection{text-align:center;padding:0!important;margin:0!important;background:none!important}html body #ForgotPasswordRecoveryContent #ExpiredIconSection{display:none!important}.sxExpIc{width:72px;height:72px;margin:6px auto 14px;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#F87171,#DC2626);box-shadow:0 10px 24px rgba(220,38,38,.25)}.sxExpIc svg{width:30px;height:30px}html body #ForgotPasswordRecoveryContent #ResetPasswordExpirationSection #ErrorDisplaySection .ErrorDisplay{display:none!important}.sxExpBtn{box-sizing:border-box;width:100%;white-space:nowrap;margin-top:20px;height:46px;border-radius:999px;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%);color:#fff!important;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-shadow:0 10px 24px rgba(201,122,0,.3)}@media(max-width:767px){html body #ForgotPasswordRecoveryContent #ResetPasswordBtn,html body #ForgotPasswordRecoveryContent #SavePasswordBtn,html body #ForgotPasswordRecoveryContent #RegisterBtn,html body #ForgotPasswordRecoveryContent #VerifyEmailBtn,html body #ForgotPasswordRecoveryContent .sxBig,.sxExpBtn{height:44px!important}}@media(max-width:767px){body:has(#ForgotPasswordRecoveryContent) #MainHeader{height:58px!important;min-height:0!important;justify-content:flex-start!important;padding:0 16px!important}body:has(#ForgotPasswordRecoveryContent) #HeaderLogo{display:flex!important;align-items:center;height:auto!important;position:static!important;transform:none!important;margin:0!important;left:auto!important;flex:none!important}body:has(#ForgotPasswordRecoveryContent) #HeaderLogo img{height:26px!important;width:auto!important;display:block!important}html body #ForgotPasswordRecoveryContent{display:block!important;min-height:0!important;background:#F3F2EF!important;padding:30px 16px 100px!important}.LgWall{grid-template-columns:repeat(3,1fr);inset:-30px -60px auto;height:330px;transform:rotate(-8deg) scale(1.1)}.LgShade{background:linear-gradient(180deg,rgba(26,29,36,.55) 0%,rgba(26,29,36,.88) 210px,#F3F2EF 290px)}.LgSay{text-align:center}.LgSay h2{font-size:32px}html body #ForgotPasswordRecoveryContent>.InnerContent{flex:none!important;width:100%!important;margin-top:28px!important;padding:26px 22px!important}html body #ForgotPasswordRecoveryContent .Title h1{font-size:26px!important}}
@layer sxinline{
main#LoginAuthContent{background-color:transparent !important;color:rgb(26, 29, 36) !important}
a#DismissAuthContentPage{color:#F29A00 !important}
a#DismissAuthContentPage>span{position:absolute !important;width:1px !important;height:1px !important;padding:0px !important;margin:-1px !important;overflow:hidden !important;clip:rect(0px, 0px, 0px, 0px) !important;white-space:nowrap !important;border:0px !important;color:#F29A00 !important}
main#LoginAuthContent>div.InnerContent{color:rgb(26, 29, 36) !important}
div#LoginFormWrapper{color:rgb(26, 29, 36) !important}
div#AuthIconAbsoluteSection{color:rgb(26, 29, 36) !important}
div#AuthIconAbsoluteSection>div.LogoIconWrapper{background-color:rgb(255, 255, 255) !important;box-shadow:rgba(16, 24, 40, 0.04) 0px 1px 2px, rgb(230, 232, 236) 0px 0px 0px 1px !important;color:rgb(26, 29, 36) !important}
div#LoginFormWrapper>div.Title{color:rgb(26, 29, 36) !important}
div#LoginFormWrapper>div.Title>h1{color:rgb(26, 29, 36) !important}
div#LoginMethodTab{color:rgb(26, 29, 36) !important}
div#LoginMethodTab>ul{color:rgb(26, 29, 36) !important;position:relative !important}
div#LoginMethodTab>ul>li{color:rgb(26, 29, 36) !important}
button#viaEmailAddressBtn{color:rgb(26, 29, 36) !important}
button#viaMobileNumberBtn{color:rgb(26, 29, 36) !important}
div#LoginFormSection{color:rgb(26, 29, 36) !important}
div#LoginFormSection>div.FormInputWrapper{color:rgb(26, 29, 36) !important}
div#LoginUserNameInput.CustomInput{color:rgb(26, 29, 36) !important}
div#LoginUserNameInput.CustomInput>input{color:rgb(26, 29, 36) !important}
div#LoginMobileInput.CustomInput{color:rgb(26, 29, 36) !important}
div#LoginMobileInput.CustomInput>span{color:rgb(26, 29, 36) !important}
div#LoginMobileInput.CustomInput>input{color:rgb(26, 29, 36) !important}
div#LoginPasswordInput.CustomInput{color:rgb(26, 29, 36) !important}
div#LoginPasswordInput.CustomInput>input{color:rgb(26, 29, 36) !important}
button#LoginBtn>i.fa.fa-arrow-right{color:rgb(255, 255, 255) !important}
div#ForgotOrNewUserSection{color:rgb(26, 29, 36) !important}
div#ForgotOrNewUserSection>div.ForgotPasswordSection{color:rgb(26, 29, 36) !important}
div#ForgotOrNewUserSection>div.ForgotPasswordSection>a{color:#F29A00 !important}
div#ForgotOrNewUserSection>div{color:rgb(26, 29, 36) !important}
div#ForgotOrNewUserSection>div>a{color:#F29A00 !important}
div#LiveChatWidgetSection{color:rgb(26, 29, 36) !important}
body>script{color:rgb(26, 29, 36) !important}
script#ss_chat{color:rgb(26, 29, 36) !important}
body>div{color:rgb(26, 29, 36) !important}
body>div>div{color:rgb(26, 29, 36) !important}
body>div>div>div.nice-toast-wrapper.top-left{color:rgb(26, 29, 36) !important}
body>div>div>div.nice-toast-wrapper.top-center{color:rgb(26, 29, 36) !important}
body>div>div>div.nice-toast-wrapper.top-right{color:rgb(26, 29, 36) !important}
body>div>div>div.nice-toast-wrapper.bottom-left{color:rgb(26, 29, 36) !important}
body>div>div>div.nice-toast-wrapper.bottom-center{color:rgb(26, 29, 36) !important}
body>div>div>div.nice-toast-wrapper.bottom-right{color:rgb(26, 29, 36) !important}
body>salesmartly-chat-widget{color:rgb(26, 29, 36) !important}
main#SignUpContent{background-color:transparent !important;color:rgb(26, 29, 36) !important}
main#SignUpContent>div.InnerContent{color:rgb(26, 29, 36) !important}
div#SignUpWrapper{color:rgb(26, 29, 36) !important}
div#SignUpWrapper>div.Title{color:rgb(26, 29, 36) !important}
div#SignUpWrapper>div.Title>h1{color:rgb(26, 29, 36) !important}
div#StepsSection{color:rgb(107, 114, 128) !important}
span#Steps{color:rgb(107, 114, 128) !important}
div#SignUpFormSection{color:rgb(26, 29, 36) !important}
div#SignUpFormSection>div.FormInputWrapper{color:rgb(26, 29, 36) !important}
div#SignUpEmailAddressInput.CustomInput{color:rgb(26, 29, 36) !important}
div#SignUpEmailAddressInput.CustomInput>input{color:rgb(26, 29, 36) !important}
div#SignUpMobileInput.CustomInput{color:rgb(26, 29, 36) !important}
div#SignUpMobileInput.CustomInput>span{color:rgb(26, 29, 36) !important}
div#SignUpMobileInput.CustomInput>input{color:rgb(26, 29, 36) !important}
div#ProceedtoLoginSection{color:rgb(26, 29, 36) !important}
div#ProceedtoLoginSection>a{color:#F29A00 !important}
main#ForgotPasswordContent{background-color:transparent !important;color:rgb(26, 29, 36) !important}
main#ForgotPasswordContent>div.InnerContent{color:rgb(26, 29, 36) !important}
div#ForgotPasswordWrapper{color:rgb(26, 29, 36) !important}
div#ForgotPasswordWrapper>div.Title{color:rgb(26, 29, 36) !important}
div#ForgotPasswordWrapper>div.Title>h1{color:rgb(26, 29, 36) !important}
div#ForgotPasswordWrapper>div.Title>div.Description{color:rgb(26, 29, 36) !important}
div#ForgotPasswordWrapper>div.Title>div.Description>br{color:rgb(26, 29, 36) !important}
div#ForgotPasswordFormSection{color:rgb(26, 29, 36) !important}
div#ForgotPasswordFormSection>div.FormInputWrapper{color:rgb(26, 29, 36) !important}
div#FrogotPasswordEmailAddressInput.CustomInput{color:rgb(26, 29, 36) !important}
div#FrogotPasswordEmailAddressInput.CustomInput>input{color:rgb(26, 29, 36) !important}
div#FormActionSection{color:rgb(26, 29, 36) !important}
html body .sxOtpT b{display:block;margin-top:2px;font-weight:800!important;color:#1A1D24!important}
}
/* 邮件链接打开的两页（设定新密码 / 注册验证）：跟设计稿一样的字色——设定新密码页邮箱深金色、注册验证页邮箱和同意条款深色、说明和密码条件深色（条件变绿/红照旧） */
html body #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper .Title #EmailDisplay{color:#F29A00!important}
html body #SignUpVerificationContent #SignUpVerificationWrapper .Title #EmailAddressDisplay,html body #SignUpVerificationContent #FormActionSection #Agreement{color:#1A1D24!important}
html body #ForgotPasswordRecoveryContent .Title .Desc,html body #ForgotPasswordRecoveryContent .Title .Description,html body #SignUpVerificationContent .Title .Desc,html body #SignUpVerificationContent .Title .Description{color:#1A1D24!important}
html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips:not([tips-status=success]):not([tips-status=error]),html body #SignUpVerificationContent #PasswordValidationTips .Tips:not([tips-status=success]):not([tips-status=error]){color:#1A1D24!important}
/* 表格下面的错误提示：跟登录页一样用红字 */
html body #ErrorDisplaySection .ErrorDisplay{color:#DC2626!important;font-weight:500!important}
/* 2026-10-14 字统一（照 SEAGM，全站）：说明 12 灰一般；格子标签 12；底下链接行 12 */
html body #LoginFormWrapper .Title p.sxSub,html body .Title p.sxSub{font-size:12px!important;font-weight:400!important}
html body label.sxLbl{font-size:12px!important}
html body #LoginFormWrapper .ForgotPasswordSection a{font-size:12px!important;font-weight:600!important}
html body .LgAlt,html body #ProceedtoLoginSection{font-size:12px!important;font-weight:400!important}
html body .LgAlt a,html body #ProceedtoLoginSection a{font-size:12px!important;font-weight:700!important}
html body #SignUpWrapper #StepsSection,html body #SignUpWrapper #StepsSection span{font-size:12px!important;font-weight:400!important}

html body .FormInputWrapper .sxHint{font-weight:400!important}
/* 2026-10-14 字统一（全站）：设新密码 / 注册最后一步 跟登录页一样 —— 邮箱 12 粗；说明 12 灰一般；格子标签 12；密码条件 12 灰一般（变绿/红照旧）；同意条款一般粗细 */
html body #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper .Title #EmailDisplay,html body #SignUpVerificationContent #SignUpVerificationWrapper .Title #EmailAddressDisplay{font-size:12px!important;font-weight:700!important}
html body #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper .Title .Desc,html body #SignUpVerificationContent #SignUpVerificationWrapper .Title .Desc{font-size:12px!important;font-weight:400!important;color:#6B7280!important}
html body #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryFormSection .T span,html body #SignUpVerificationContent #SignUpVerificationFormSection .T span{font-size:12px!important}
html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips.Tips,html body #SignUpVerificationContent #PasswordValidationTips .Tips.Tips{font-size:12px!important;font-weight:400!important}
html body #ForgotPasswordRecoveryContent #PasswordValidationTips .Tips:not([tips-status=success]):not([tips-status=error]),html body #SignUpVerificationContent #PasswordValidationTips .Tips:not([tips-status=success]):not([tips-status=error]){color:#6B7280!important}
html body #SignUpVerificationContent #FormActionSection #Agreement{font-weight:400!important;color:#6B7280!important}
/* 2026-10-14 字统一：注册第 3 步（查看邮箱）标题 18、说明 12 灰、邮箱金色 #F29A00；验证码 Resend 12 */
html body #SignUpContent #EmailVerificationContent h2.sxDoneH{font-size:18px!important}
html body #SignUpContent #EmailVerificationContent>div.C,html body #SignUpContent #EmailVerificationContent>div.C *:not(b){font-size:12px!important;font-weight:400!important;color:#6B7280!important}
html body #SignUpContent #EmailVerificationContent>div.C b{font-size:12px!important;font-weight:700!important;color:#F29A00!important;-webkit-text-fill-color:#F29A00!important}
html body #SignUpContent #OTPInput #ResendOTPBtn{font-size:12px!important}
/* 注册第 3 步「Resend email」：白底金框（定稿说明），全宽，44 高 */
html body #SignUpContent #EmailVerificationContent .sxResendMail{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:18px;border-radius:999px;background:#fff;border:1.5px solid #F29A00;color:#B86A00;font-size:14px;font-weight:800;cursor:pointer}
html body #SignUpContent #EmailVerificationContent .sxResendMail:disabled{border-color:#E6E8EC;color:#9AA0AA;cursor:default}
html body .sxDoneSub{font-size:12px!important;font-weight:400!important;color:#6B7280!important}

/* 2026-10-17 全站检查（Jacky「修复问题」）：
   1) 三页的邮箱格子用同一个信封图标（登入原本是人像、忘记密码没有图标），样式照注册页
   2) 忘记密码的「Check your email」跟注册第 3 步一样：说明 12 灰一般、邮箱 12 粗金色、标题 18
   3) 注册最后一步（Create Your Account）的邮箱跟其他三个画面一样用金色 */
html body #LoginAuthContent #LoginFormWrapper #LoginFormSection #LoginUserNameInput::before{content:"\f0e0"}
html body #ForgotPasswordContent #FrogotPasswordEmailAddressInput::before{content:"\f0e0";font-family:"Font Awesome 6 Free";font-weight:600;font-size:19.2px;line-height:19.2px;color:#9AA0AA;display:flex;width:21.1px;justify-content:center}
html body #ForgotPasswordContent #ResetPasswordVeritifcationContent .sxDoneH{font-size:18px!important;line-height:27px!important}
html body #ForgotPasswordContent #ResetPasswordVeritifcationContent .C{font-size:12px!important;font-weight:400!important;color:#6B7280!important;line-height:19.2px!important}
html body #ForgotPasswordContent #ResetPasswordVeritifcationContent .C b{font-size:12px!important;font-weight:700!important;color:#F29A00!important}
html body #SignUpVerificationContent #SignUpVerificationWrapper .Title #EmailAddressDisplay{color:#F29A00!important}
/* 2026-10-17 手机（≤480）：旧样式给忘记密码 / 设新密码 / 建账号这三页的内容左右各加 18px，格子和按钮比登入、注册页窄；跟登入、注册一样拿掉 */
html body #ForgotPasswordContent #ForgotPasswordWrapper#ForgotPasswordWrapper,html body #ForgotPasswordRecoveryContent #ForgotPasswordRecoveryWrapper#ForgotPasswordRecoveryWrapper,html body #SignUpVerificationContent #SignUpVerificationWrapper#SignUpVerificationWrapper{padding-inline:0!important}

/* 出错的框统一 2px（Jacky 2026-10-18）：平常 1px 灰；打字 / 选中 / 出错都是 2px，用颜色分（金 = 打字、选中；红 = 出错） */
html body .FormInputWrapper.sxPwErr .CustomInput.CustomInput:not(:focus-within),html body .FormInputWrapper[data-validation=error] .CustomInput.CustomInput:not(:focus-within),html body #ContactFormContent li[data-validation=error] .CustomInput.CustomInput:not(:focus-within),html body .DirectTopUpField.DirectTopUpField.SxNeed:not(:focus-within),html body .sxBal .bother.bother.sxBad:not(:focus-within){border:2px solid #F87171!important;background:#FEF2F2!important;background-image:none!important;box-shadow:none!important;box-sizing:border-box!important}
@layer sxinline{
/* 出错的框统一 2px（Jacky 2026-10-18）：平常 1px 灰；打字 / 选中 / 出错都是 2px，用颜色分（金 = 打字、选中；红 = 出错） */
html body .FormInputWrapper.sxPwErr .CustomInput.CustomInput:not(:focus-within),html body .FormInputWrapper[data-validation=error] .CustomInput.CustomInput:not(:focus-within),html body #ContactFormContent li[data-validation=error] .CustomInput.CustomInput:not(:focus-within),html body .DirectTopUpField.DirectTopUpField.SxNeed:not(:focus-within),html body .sxBal .bother.bother.sxBad:not(:focus-within){border:2px solid #F87171!important;background:#FEF2F2!important;background-image:none!important;box-shadow:none!important;box-sizing:border-box!important}
}

/* 登入方式（Email / Mobile）选中也是 2px 金框，跟选面额一样（2026-10-18） */
html body #LoginMethodTab#LoginMethodTab button.sxOn{border:2px solid transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important;box-sizing:border-box!important}
@layer sxinline{
/* 登入方式（Email / Mobile）选中也是 2px 金框，跟选面额一样（2026-10-18） */
html body #LoginMethodTab#LoginMethodTab button.sxOn{border:2px solid transparent!important;background:linear-gradient(#FFF4D6,#FFF4D6) padding-box,linear-gradient(110deg,#FFD24A 0%,#FFB400 35%,#E08A00 70%,#C27400 100%) border-box!important;box-sizing:border-box!important}
}

/* ===== KYC 结果页（2026-10-11 定稿）（设计稿 zz-kyc.js） ===== */
#KYCResultContent{background:transparent!important;padding:56px 20px 90px!important}@media(min-width:768px){#KYCResultContent{position:static!important;height:auto!important;min-height:0!important}}#KYCResultContent .InnerContent{max-width:520px!important;margin:0 auto!important;padding:0!important}#KYCResultContent .KYCResultContentWrapper{background:#fff!important;border-radius:24px!important;padding:40px 36px 36px!important;box-shadow:0 0 0 1px #ECEDEF,0 14px 32px rgba(120,90,30,.08)!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}#KYCResultContent h1{font-size:22px!important;font-weight:800!important;line-height:1.3!important;color:#1A1D24!important;margin:18px 0 0!important;text-wrap:balance}#KYCResultContent .Content{display:flex!important;flex-direction:column;align-items:center;gap:14px;margin-top:14px!important;width:100%}#KYCResultContent .Content>div{font-size:12px!important;line-height:1.65!important;color:#3F4350!important;max-width:420px}#KYCResultContent .ResultImageSection{order:-1;margin:0!important}#KYCResultContent .ResultImageSection img{width:150px!important;height:auto!important}.kRef{order:-1;display:inline-flex;gap:6px;align-items:center;background:#F4F5F7;border-radius:999px;padding:6px 14px;font-size:12px!important;color:#6B7280!important}.kRef b{color:#1A1D24}#KYCResultContent .VerificationFailedReason{width:100%;max-width:none!important;text-align:left;background:#F7F8FA!important;border-radius:14px!important;padding:14px 16px!important;font-size:12px!important;color:#1A1D24!important;box-shadow:none!important;border:1px solid #E3E5E8!important}#KYCResultContent .VerificationFailedReason span{display:block;font-size:12px;font-weight:700;color:#8A8F9C;margin-bottom:4px}#KYCResultContent .FormActionSection{width:100%;margin-top:24px!important}#KYCResultContent #TryKYCAgainBtn{width:100%!important;height:50px!important;border-radius:999px!important;border:0!important;background:linear-gradient(110deg,#FFB21A 0%,#F29A00 45%,#B86A00 100%)!important;color:#fff!important;font-weight:800!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 8px 20px rgba(242,154,0,.3)!important}#DismissAuthContentPage{display:none!important}.kTop{display:none}.kI{position:relative;width:76px;height:76px;border-radius:22px;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.12)}.kI>i{color:#fff;font-size:32px}.kB{position:absolute;right:-6px;bottom:-6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff}.kB i{color:#fff;font-size:12px}@media(max-width:767px){#KYCResultContent{background:radial-gradient(420px 260px at 50% 0,rgba(255,180,0,.16),transparent 70%),#F3F2EF!important;overflow-y:auto!important;padding:0 16px 40px!important}.kTop{display:flex;align-items:center;justify-content:space-between;height:64px;margin:0 2px 6px}.kTop .kL{background:#1A1D24;border-radius:999px;padding:8px 14px;display:flex}.kTop img{height:20px}.kTop a{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px #E6E8EC;color:#1A1D24!important;text-decoration:none}#KYCResultContent .KYCResultContentWrapper{padding:30px 20px 24px!important;border-radius:20px!important}#KYCResultContent h1{font-size:20px!important}}
html body #KYCResultContent #TryKYCAgainBtn{height:46px!important;min-height:0!important;padding:0 20px!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important}@media(max-width:767px){html body #KYCResultContent #TryKYCAgainBtn{height:44px!important}}
@layer sxinline{
main#KYCResultContent>div.InnerContent>div.KYCResultContentWrapper>div.Content>div.ResultImageSection{color:rgb(26, 29, 36) !important}
main#KYCResultContent>div.InnerContent>div.KYCResultContentWrapper>div.Content>div.KYCRejectionReasonHeading{color:rgb(26, 29, 36) !important}
}

/* 2026-10-17 KYC 检查：手机结果页跟填表页一致——上面 logo / 叉叉不要贴边，卡片两边留 12、四个角圆 12 */
@media(max-width:767px){
html body #KYCResultContent .kTop.kTop{margin:0 14px 6px!important}
html body #KYCResultContent .KYCResultContentWrapper.KYCResultContentWrapper.KYCResultContentWrapper{margin-left:12px!important;margin-right:12px!important;border-radius:12px!important;min-height:0!important}
}
/* 2026-10-17 审核中说明：时间跟 Notifications 同一个金色、同样粗；Notifications 是可以按的，加底线 */
html body #KYCResultContent .KYCResultContentWrapper b,html body #KYCResultContent .KYCResultContentWrapper a[href*="notification"]{color:#E08A00!important;-webkit-text-fill-color:#E08A00!important;font-weight:700!important}
html body #KYCResultContent .KYCResultContentWrapper a[href*="notification"]{text-decoration:underline!important;text-underline-offset:2px}

/* 叉统一（Jacky 2026-10-18）：跟 View Code 窗口一样 36 圆底、叉 15px */
html body .kTop.kTop a{width:36px!important;height:36px!important}
html body .kTop.kTop a i{font-size:15px!important}
@layer sxinline{
/* 叉统一（Jacky 2026-10-18）：跟 View Code 窗口一样 36 圆底、叉 15px */
html body .kTop.kTop a{width:36px!important;height:36px!important}
html body .kTop.kTop a i{font-size:15px!important}
}

