.login-wrap {
    min-height: calc(100vh - 10 * var(--spacing-medium));
    display: grid;
    place-items: center;
}

.login-card {
    width: min(420px, 100%);
    background: var(--secondary-background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 1.25rem;
}

.login-logo {
    display: block;
    width: 200px;
    max-width: 70%;
    margin: 0 auto 1rem auto;
}

.login-card h2 {
    margin: 0 0 1rem 0;
    text-align: center;
}

.login-card form {
    display: grid;
    gap: 0.6rem;
}

.login-error {
    background: var(--danger-bg);
    border: 1px solid var(--danger-border);
    color: var(--danger-text);
    padding: 0.6rem;
    border-radius: var(--border-radius);
    margin-bottom: 0.8rem;
}