/* ==========================================================================
   Pagina — Login
   ========================================================================== */

.login {
    align-items: center;
    justify-content: center;
    padding: var(--space-4xl);
}

.login__box {
    display: flex;
    flex-direction: column;
    gap: var(--space-2xl);
    width: 100%;
    max-width: var(--dialog-width);
    padding: var(--space-4xl);
    background: var(--color-bg-secondary);
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius-xl);
}

.login__logo {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-size: var(--font-2xl);
    font-weight: var(--weight-extrabold);
    text-transform: uppercase;
    letter-spacing: var(--tracking-md);
    color: var(--color-accent);
}

.login__error {
    font-size: var(--font-sm);
    color: var(--color-danger);
}