/* Login/register side cards need their own final override because they sit outside the main auth grid. */
.auth-shell--login {
    --auth-side-bubble-width: 15.2rem;
    --auth-side-bubble-edge: clamp(0.75rem, 1vw, 1rem);
    --auth-side-bubble-shell-max: 1520px;
    --auth-side-bubble-top: clamp(1.25rem, 4vh, 3.6rem);
    --auth-side-bubble-gap: clamp(0.55rem, 1.35vh, 0.95rem);
    --auth-side-bubble-height: clamp(8rem, 19vh, 10.4rem);
}

.auth-shell--login .auth-side-bubble--right {
    width: var(--auth-side-bubble-width) !important;
    min-height: var(--auth-side-bubble-height) !important;
    max-width: calc(100vw - var(--auth-side-bubble-edge) - var(--auth-side-bubble-edge));
    right: 0 !important;
}

@media (min-width: 1521px) {
    .auth-shell--login .auth-side-bubble--right {
        right: calc((var(--auth-side-bubble-shell-max) - 100vw) / 2 + var(--auth-side-bubble-edge)) !important;
    }
}

.auth-shell--login .auth-side-bubble--primary {
    top: var(--auth-side-bubble-top) !important;
}

.auth-shell--login .auth-side-bubble--github {
    top: calc(var(--auth-side-bubble-top) + var(--auth-side-bubble-height) + var(--auth-side-bubble-gap)) !important;
}

.auth-shell--login .auth-side-bubble--support {
    top: calc(var(--auth-side-bubble-top) + var(--auth-side-bubble-height) + var(--auth-side-bubble-gap) + var(--auth-side-bubble-height) + var(--auth-side-bubble-gap)) !important;
}

.auth-shell--login .auth-side-bubble--contact {
    top: calc(var(--auth-side-bubble-top) + var(--auth-side-bubble-height) + var(--auth-side-bubble-gap) + var(--auth-side-bubble-height) + var(--auth-side-bubble-gap) + var(--auth-side-bubble-height) + var(--auth-side-bubble-gap)) !important;
}

@media (max-width: 1500px) and (min-width: 1281px) {
    .auth-shell--login {
        --auth-side-bubble-width: clamp(11.75rem, 15vw, 13.5rem);
        --auth-side-bubble-height: clamp(7.1rem, 18vh, 9rem);
        --auth-side-bubble-top: clamp(0.8rem, 2.8vh, 2.2rem);
        --auth-side-bubble-gap: clamp(0.4rem, 1vh, 0.7rem);
    }

    .auth-shell--login .auth-side-bubble {
        gap: 0.42rem;
        padding: 0.88rem 0.9rem;
    }

    .auth-shell--login .auth-side-bubble strong {
        font-size: 1rem;
        letter-spacing: -0.025em;
    }

    .auth-shell--login .auth-side-bubble__text {
        font-size: 0.8rem;
        line-height: 1.42;
    }
}

@media (min-width: 1281px) and (max-height: 760px) {
    .auth-shell--login {
        --auth-side-bubble-width: clamp(11rem, 13vw, 12.75rem);
        --auth-side-bubble-height: clamp(6.4rem, 17vh, 7.6rem);
        --auth-side-bubble-top: clamp(0.65rem, 2vh, 1.2rem);
        --auth-side-bubble-gap: 0.42rem;
    }

    .auth-shell--login .auth-side-bubble {
        gap: 0.32rem;
        padding: 0.72rem 0.78rem;
    }

    .auth-shell--login .auth-side-bubble__eyebrow {
        font-size: 0.62rem;
    }

    .auth-shell--login .auth-side-bubble strong {
        font-size: 0.92rem;
        line-height: 1.05;
        letter-spacing: -0.02em;
    }

    .auth-shell--login .auth-side-bubble__text {
        font-size: 0.73rem;
        line-height: 1.3;
    }

    .auth-shell--login .auth-side-bubble__cta {
        font-size: 0.72rem;
    }
}

@media (max-width: 1380px), (max-height: 660px) {
    .auth-side-bubble {
        display: none !important;
    }

    .auth-mobile-stack {
        display: grid;
        grid-column: 1 / -1;
        gap: 0.9rem;
        margin-top: 0.4rem;
    }
}