/*
File: assets/css/auth.css
Purpose: Login, registration, and public unauthenticated card styles.
Safe to edit: Card width, spacing, and brand presentation.
Change carefully: Mobile form spacing and auth focus readability.
*/

.auth-card {
    padding: 28px;
}

.auth-card .auth-brand {
    margin-bottom: 22px;
}

.auth-brand h1 {
    margin: 0;
    font-size: 28px;
}

.auth-brand p,
.auth-switch {
    margin: 4px 0 0;
    color: var(--muted);
}

.auth-switch {
    text-align: center;
    margin-top: 18px;
}