/* The public pages' shell: one card in the middle of the screen, a 16px gutter on a phone, the safe areas kept. */
.auth-shell {
    position: relative;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: max(56px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));
}
.auth-shell__theme { position: absolute; top: max(12px, env(safe-area-inset-top)); right: 12px; }
.auth-shell__main { width: 100%; display: grid; justify-items: center; }

.auth-form { display: grid; gap: 16px; }
.auth-form__check { min-height: 44px; display: flex; align-items: center; gap: 10px; font-size: 14px; cursor: pointer; }
.auth-form__check input { width: 18px; height: 18px; margin: 0; accent-color: var(--strong); }
.auth-form__submit { width: 100%; height: 44px; font-size: 15px; }