.local-pos-card {
	background: #ffffff;
	border: 1px solid var(--local-pos-border);
	border-radius: var(--local-pos-radius-lg);
	box-shadow: var(--local-pos-shadow-md);
}

.local-pos-login-card {
	max-width: 460px;
	margin: 48px auto 0;
	padding: 32px;
}

.local-pos-login-card .local-pos-brand {
	grid-template-columns: 78px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	margin-bottom: 14px;
}

.local-pos-login-card .local-pos-brand-mark {
	width: 78px;
	height: 78px;
	border-radius: 22px;
	box-shadow: 0 18px 34px rgba(124, 58, 237, 0.16);
}

.local-pos-login-card .local-pos-brand-mark img {
	width: 44px;
	height: 44px;
}

.local-pos-login-card .local-pos-brand > div:last-child {
	justify-content: center;
	align-self: center;
}

.local-pos-login-card .local-pos-eyebrow {
	margin-bottom: 6px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.local-pos-login-card h1 {
	margin: 0;
	font-size: clamp(26px, 4.2vw, 32px);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.local-pos-login-card > p {
	margin: 0 0 24px;
	max-width: 100%;
	font-size: 15px;
	color: var(--local-pos-muted);
	line-height: 1.5;
}

@media (max-width: 720px) {
	.local-pos-login-card {
		max-width: 100%;
		margin-top: 28px;
		padding: 0;
	}

	.local-pos-login-card .local-pos-brand {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 16px;
		margin-bottom: 14px;
	}

	.local-pos-login-card .local-pos-brand-mark {
		width: 72px;
		height: 72px;
		border-radius: 20px;
	}

	.local-pos-login-card .local-pos-brand-mark img {
		width: 42px;
		height: 42px;
	}

	.local-pos-login-card h1 {
		font-size: clamp(24px, 7vw, 32px);
		line-height: 1.15;
	}

	.local-pos-login-card > p {
		margin: 0 0 20px;
		max-width: 100%;
		font-size: 15px;
		line-height: 1.5;
	}
}