form[data-ips-hook="login"] .ipsColumns__primary {
	flex: 9999 1 54%;
}

form[data-ips-hook="login"] .ipsColumns__secondary {
	--i-basis: 412px;
}

.hl-login-register-card {
	margin: 0 0 20px;
	padding: 20px;
	border: 1px solid var(--color-primary, #ff7a00);
	border-radius: var(--radius-lg, 12px);
	background: var(--color-primary-soft, #fff3eb);
	font-family: var(--font-sans, 'IBM Plex Sans', system-ui, sans-serif);
}

.hl-login-register-card h2 {
	margin: 0;
	color: var(--color-text, #101923);
	font-size: var(--i-font-size_4);
	font-weight: 600;
	line-height: 36px;
	letter-spacing: -.02em;
}

.hl-login-register-card .hl-login-register-intro {
	margin: 6px 0 0;
	color: var(--color-text-secondary, #3a4f67);
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
}

.hl-login-register-benefits {
	display: grid;
	gap: 18px;
	margin: 26px 0 28px;
	padding: 0;
	color: var(--color-text, #101923);
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	list-style: none;
}

.hl-login-register-benefits li {
	position: relative;
	padding-left: 18px;
	font-size: 13px;
}

.hl-login-register-benefits li::before {
	position: absolute;
	left: 0;
	content: '\2713';
	font-weight: 700;
}

.hl-login-register-button {
	width: 100%;
	min-height: 48px;
	border-radius: var(--radius-md, 8px);
	text-align: center;
}

html[data-ips-scheme="dark"] .hl-login-register-card {
	background: var(--color-primary-soft, #3a2418);
	border-color: var(--color-primary, #ff7a00);
}

.hl-forgot-password-row {
	padding-top: 10px;
	padding-bottom: 18px;
}

.hl-forgot-password-row p {
	margin: 0;
	text-align: right;
}