/* ==========================================================
   Counter Doodle — Auth Layout
   ========================================================== */

.auth-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-24);
    background:
        linear-gradient(var(--color-auth-veil), var(--color-auth-veil)),
        url("/assets/images/backgrounds/full_background.png") center / cover no-repeat fixed;
}

.auth-card {
    width: 100%;
    max-width: var(--auth-card-width);
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: var(--auth-card-min-height);
    overflow: hidden;
    border-radius: var(--radius-xl);
    background: var(--color-surface);
    border: var(--border-width) solid var(--color-border);
    box-shadow: var(--shadow-lg);
}

@media (max-width: 760px) {
    .auth-card { grid-template-columns: 1fr; max-width: var(--auth-card-mobile-width); }
    .login-banner { min-height: var(--login-banner-mobile-height); }
}