.wrz-auth-page {
    display: grid;
    min-height: 100vh;
    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(420px, 0.95fr);
}

.wrz-auth-brand-panel {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding:
        clamp(
            var(--wrz-space-8),
            6vw,
            var(--wrz-space-16)
        );
    border-right:
        1px solid
        var(--wrz-color-border);
    background:
        radial-gradient(
            circle at 30% 20%,
            rgb(183 243 74 / 0.09),
            transparent 24rem
        ),
        linear-gradient(
            145deg,
            var(--wrz-color-surface),
            var(--wrz-color-bg)
        );
}

.wrz-auth-brand-panel--logo-image .wrz-brand {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    line-height: 0;
}

.wrz-auth-brand-panel--logo-image .wrz-brand::after {
    display: none;
    content: none;
}

.wrz-auth-brand-panel--logo-image .wrz-brand__logo {
    display: block;
    width:
        clamp(
            7rem,
            10vw,
            9rem
        );
    max-width: 100%;
    height: auto;
}

.wrz-auth-brand-panel::after {
    position: absolute;
    right: -15rem;
    bottom: -15rem;
    width: 35rem;
    height: 35rem;
    border:
        1px solid
        rgb(69 200 255 / 0.08);
    border-radius: 50%;
    content: "";
}

.wrz-auth-brand-panel__copy {
    position: relative;
    z-index: 1;
    max-width: 520px;
}

.wrz-auth-brand-panel__statement {
    margin-top: var(--wrz-space-8);
    font-size:
        clamp(
            2.5rem,
            5vw,
            5.5rem
        );
    font-weight: 850;
    letter-spacing: -0.055em;
    line-height: 0.95;
}

.wrz-auth-main {
    display: grid;
    min-height: 100vh;
    place-items: center;
    padding:
        clamp(
            var(--wrz-space-6),
            5vw,
            var(--wrz-space-12)
        );
}

.wrz-auth-card {
    width: min(100%, 520px);
}

.wrz-auth-card__header {
    margin-bottom: var(--wrz-space-8);
}

.wrz-auth-card__title {
    margin-bottom: var(--wrz-space-3);
    font-size:
        clamp(
            2rem,
            4vw,
            3rem
        );
    letter-spacing: -0.04em;
}

.wrz-auth-card__intro {
    margin-bottom: 0;
    color: var(--wrz-color-text-muted);
}

.wrz-auth-form {
    display: grid;
    gap: var(--wrz-space-5);
}

.wrz-auth-card__footer {
    margin-top: var(--wrz-space-6);
    color: var(--wrz-color-text-muted);
}

.wrz-auth-card__footer p:last-child {
    margin-bottom: 0;
}

@media (max-width: 960px) {
    .wrz-auth-page {
        grid-template-columns: 1fr;
    }

    .wrz-auth-brand-panel {
        min-height: auto;
        padding-bottom: var(--wrz-space-10);
        border-right: 0;
        border-bottom:
            1px solid
            var(--wrz-color-border);
    }

    .wrz-auth-brand-panel__statement {
        max-width: 650px;
        font-size:
            clamp(
                2rem,
                8vw,
                4.5rem
            );
    }

    .wrz-auth-main {
        min-height: auto;
        padding-block: var(--wrz-space-10);
    }
}