body.go-auth-page,
body.go-auth-page button,
body.go-auth-page input,
body.go-auth-page select,
body.go-auth-page textarea {
    font-family: "Noto Sans Thai", system-ui, sans-serif;
}

.go-login-hero::before,
.go-login-hero::after {
    display: none;
}

.go-login-hero .factory-login-pattern {
    opacity: .12;
}

.go-client-watermark {
    position: absolute;
    z-index: 0;
    top: 9%;
    right: -18%;
    width: 92%;
    height: 82%;
    object-fit: contain;
    opacity: .13;
    filter: brightness(0) invert(1);
    pointer-events: none;
    user-select: none;
}

.go-login-hero .factory-login-hero-content {
    padding-block: 4rem;
}

.go-login-hero h1 {
    font-size: clamp(3.5rem, 6vw, 5.5rem);
}

@media (max-width: 991.98px) {
    .go-login-page .factory-login-form-panel {
        position: relative;
        display: block;
        min-height: max(100dvh, 760px);
        padding: 0;
        overflow: hidden;
        background-color: #f7faff;
        background-image: url('../images/go/login-phuket-bg.webp');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .go-login-page .factory-login-form-panel::before {
        position: absolute;
        z-index: 0;
        top: 265px;
        right: -12%;
        bottom: 0;
        left: -12%;
        content: '';
        border-radius: 50% 50% 0 0 / 55px 55px 0 0;
        background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(250,252,255,.97) 42%, #f7faff 100%);
        pointer-events: none;
    }

    .go-login-footer-waves {
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: clamp(110px, 30vw, 165px);
        pointer-events: none;
    }

    .go-login-page .factory-login-form-wrap {
        position: relative;
        z-index: 1;
        max-width: none;
        padding: 45px clamp(22px, 5vw, 38px) 140px;
    }

    .go-login-page .go-language-switch {
        position: absolute;
        top: 22px;
        right: clamp(22px, 5vw, 38px);
        z-index: 2;
        gap: 0;
        margin: 0;
        padding: 3px;
        border-radius: 14px;
        background: rgba(255,255,255,.82);
        box-shadow: 0 4px 14px rgba(18, 53, 88, .14);
    }

    .go-login-page .go-language-button {
        min-width: 48px;
        min-height: 40px;
        border: 0;
        border-radius: 11px;
        background: transparent;
        color: #133460;
    }

    .go-login-page .go-language-button.is-active { background: #173f70; }

    .go-login-page .go-login-brand-row { display: none; }

    .go-login-mobile-identity {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: fit-content;
        margin: 30px 0 55px 12px;
        color: #082858;
    }

    .go-login-mobile-identity img {
        display: block;
        width: 104px;
        height: 112px;
        object-fit: contain;
        mix-blend-mode: multiply;
    }

    .go-login-mobile-identity strong {
        margin-top: -7px;
        font-size: 29px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -.04em;
        white-space: nowrap;
    }

    .go-login-mobile-identity span {
        align-self: center;
        margin-top: 7px;
        padding-top: 4px;
        border-top: 1px solid rgba(8, 61, 107, .35);
        color: #377b9c;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .35em;
    }

    .go-login-page .factory-login-heading { margin-bottom: 1.55rem; }
    .go-login-page .factory-login-kicker { color: #007f9a; }
    .go-login-page .factory-login-heading h2 { font-size: clamp(2rem, 6vw, 2.7rem); }
    .go-login-page .factory-login-heading p { color: #596779; }
    .go-login-page .factory-login-support { color: #53657b; }
}

body.go-auth-page {
    font-size: 16px;
}

.go-auth-page .go-language-switch {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-bottom: 18px;
}

.go-auth-page .go-language-switch form { margin: 0; }

.go-auth-page .go-language-button {
    min-width: 44px;
    min-height: 36px;
    padding: 5px 10px;
    border: 1px solid #dbe3ed;
    border-radius: 7px;
    background: #f4f7fa;
    color: #49617c;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.go-auth-page .go-language-button.is-active { background: #35598d; color: #fff; }

.go-auth-page .factory-login-heading h2 {
    font-size: 2.15rem;
}

.go-auth-page .factory-login-heading p,
.go-auth-page .factory-login-hero-content p {
    font-size: 18px;
}

.go-auth-page .factory-login-kicker,
.go-auth-page .factory-login-eyebrow {
    font-size: 13px;
}

.go-auth-page .factory-login-form .form-label,
.go-auth-page .factory-login-support {
    font-size: 15px;
}

.go-auth-page .factory-login-input .form-control,
.go-auth-page .factory-login-submit {
    font-size: 16px;
}

@media (max-width: 575px) {
    .go-auth-page .factory-login-heading h2 {
        font-size: 1.9rem;
    }
}

@media (max-width: 359px) {
    .go-login-mobile-identity { margin-bottom: 43px; }
    .go-login-mobile-identity img { width: 92px; height: 100px; }
    .go-login-mobile-identity strong { font-size: 26px; }
}
