.cm-login {
    display: grid;
    min-height: calc(100dvh - 4rem);
    place-items: center;
}

.cm-login-card {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
    padding: var(--cm-space-8);
}

.cm-login-brand {
    display: flex;
    align-items: center;
    gap: var(--cm-space-2);
    margin-bottom: var(--cm-space-6);
    color: var(--cm-color-text-secondary);
    font-size: var(--cm-font-size-sm);
    font-weight: var(--cm-font-weight-semibold);
}

.cm-alert-error {
    margin-bottom: var(--cm-space-4);
    border: var(--cm-border-width) solid var(--cm-color-danger);
    border-radius: var(--cm-radius-md);
    background: var(--cm-color-danger-soft);
    color: var(--cm-color-danger);
    padding: var(--cm-space-3);
    font-size: var(--cm-font-size-sm);
}

.cm-login-submit {
    width: 100%;
}

.cm-apple-signin {
    display: block;
    width: 100%;
    max-width: 23.4375rem;
    height: auto;
    margin-inline: auto;
}