.registration-types { display: flex; gap: 8px; flex-wrap: wrap; }
.registration-types a { flex: 1; text-align: center; }
.registration-shell .login-card { gap: 12px; }
.registration-shell .login-card > p { margin: 0; font-size: 13px; line-height: 1.5; }
body:has(.registration-shell) { overflow: auto; }
body:has(.registration-shell) .container { align-items: flex-start; }

.login-shell.registration-shell { grid-template-columns: minmax(0, 3fr) 1px minmax(0, 7fr); }
.registration-shell .login-copy { min-width: 0; padding: 32px 24px; }
@media (max-width: 820px) {
    .login-shell.registration-shell { grid-template-columns: minmax(0, 1fr); }
    .registration-shell .login-divider { display: none; }
}