.auth-body {
    background: linear-gradient(rgba(23, 26, 31, 0.68), rgba(23, 26, 31, 0.84)),
        url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1800&q=80") center/cover;
}

.auth-screen {
    align-items: center;
    display: flex;
    min-height: 100vh;
    padding: 24px;
}

.auth-card {
    background: var(--color-paper);
    border-radius: var(--radius);
    box-shadow: var(--shadow-soft);
    margin-inline: auto;
    max-width: 440px;
    padding: 34px;
    width: 100%;
}

.auth-brand {
    margin-bottom: 28px;
}

.auth-card h1 {
    font-size: 2rem;
    margin-bottom: 22px;
}

.auth-card form {
    display: grid;
    gap: 16px;
}

.auth-card label {
    display: grid;
    gap: 7px;
}

.auth-card span {
    color: var(--color-muted);
    font-weight: 700;
}

.auth-card input {
    border: 1px solid var(--color-line);
    border-radius: var(--radius);
    min-height: 48px;
    padding: 0 12px;
}