.login .linoadmin-registration {
    /* Login colors stay independent of the administration stylesheet. */
    --linoadmin-registration-color-border: #e8d5d5;
    --linoadmin-registration-color-white: #fff;
    --linoadmin-registration-color-card-shadow: rgb(67 22 22 / 8%);
    --linoadmin-registration-color-heading: #292d33;
    --linoadmin-registration-color-description: #626975;
    --linoadmin-registration-color-button-border: #3a2459;
    --linoadmin-registration-color-button-background: #2c1b47;
    --linoadmin-registration-color-button-shadow: rgba(0, 0, 0, 0.3);
    --linoadmin-registration-color-focus: #573e7a;

    box-sizing: border-box;
    width: min(360px, calc(100% - 40px));
    margin: 24px auto 40px;
    padding: 24px;
    border: 1px solid var(--linoadmin-registration-color-border);
    border-radius: 12px;
    background: var(--linoadmin-registration-color-white);
    box-shadow: 0 6px 24px var(--linoadmin-registration-color-card-shadow);
    text-align: center;
}

.login .linoadmin-registration h2 {
    margin: 0 0 8px;
    color: var(--linoadmin-registration-color-heading);
    font-size: 19px;
}

.login .linoadmin-registration p {
    margin: 0 0 18px;
    color: var(--linoadmin-registration-color-description);
    font-size: 14px;
    line-height: 1.6;
}

.login a.linoadmin-registration-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    box-sizing: border-box;
    min-height: 48px;
    padding: 12px 18px;
    border: 1px solid var(--linoadmin-registration-color-button-border);
    border-radius: 8px;
    background: var(--linoadmin-registration-color-button-background);
    color: var(--linoadmin-registration-color-white);
    box-shadow: 0 3px 8px var(--linoadmin-registration-color-button-shadow);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .15s, box-shadow .15s;
}

.login a.linoadmin-registration-button:hover {
    border-color: var(--linoadmin-registration-color-focus);
    background: var(--linoadmin-registration-color-button-border);
    color: var(--linoadmin-registration-color-white);
}

.login a.linoadmin-registration-button:focus-visible {
    outline: 3px solid var(--linoadmin-registration-color-focus);
    outline-offset: 4px;
    color: var(--linoadmin-registration-color-white);
}