/* Auth pages */

body:has(.auth),
body.auth-page {
    min-height: 100vh;
}

.auth {
    width: min(560px, calc(100% - 32px));
    margin: 36px auto;
}

.auth-card {
    padding: 30px;
}

.auth-header {
    display: grid;
    gap: 8px;
    margin-bottom: 18px;
}

.auth-title {
    font-size: clamp(1.8rem, 3.2vw, 2.4rem);
    font-weight: 800;
    letter-spacing: -0.02em;
}

.auth-subtitle {
    color: var(--text-soft);
}

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

.auth-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.auth-hint {
    color: var(--text-dim);
    font-size: 0.88rem;
    margin-top: 6px;
}

@media (max-width: 576px) {
    .auth {
        width: calc(100% - 16px);
        margin-top: 16px;
    }

    .auth-card {
        padding: 20px;
        border-radius: 20px;
    }
}