.auth-page {
    min-height: calc(100vh - 64px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) var(--space-4);
    background:
        radial-gradient(circle at 15% 10%, var(--color-primary-50), transparent 45%),
        var(--color-bg-subtle);
}

.auth-card {
    width: 100%;
    max-width: 420px;
}

.auth-card .card-body { padding: var(--space-8); }

.auth-title { font-size: var(--text-2xl); margin-bottom: var(--space-2); }
.auth-subtitle { margin-bottom: var(--space-6); }

.auth-switch {
    text-align: center;
    margin: var(--space-6) 0 0;
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}