/*
 * Learnaroo authentication surfaces — immutable 2026-07-29 asset.
 *
 * This small, queryless file deliberately overrides the long-cached theme
 * stylesheet for login and password-reset pages.
 */

.lh-auth-stage__panel {
	min-width: 0;
}

.lh-auth-stage__emblem--lock {
	display: inline-grid;
	width: 78px;
	height: 78px;
	place-items: center;
	border: 3px solid rgba(255, 255, 255, .58);
	border-radius: 24px;
	background: linear-gradient(145deg, #FFE66A 0%, var(--lwh-yellow) 48%, #FFB703 100%);
	box-shadow: 0 18px 38px rgba(32, 7, 71, .34), inset 0 1px 0 rgba(255, 255, 255, .8);
	color: var(--lwh-purple-dark);
	transform: rotate(-3deg);
}

.lh-auth-stage__emblem--lock svg {
	width: 47px;
	height: 47px;
	overflow: visible;
}

.lh-auth-stage__lock-shackle {
	fill: none;
	stroke: currentColor;
	stroke-width: 5;
	stroke-linecap: round;
}

.lh-auth-stage__lock-body {
	fill: currentColor;
}

.lh-auth-stage__lock-keyhole {
	fill: #fff;
}

.lh-auth-stage__lock-keyline {
	fill: none;
	stroke: #fff;
	stroke-width: 4;
	stroke-linecap: round;
}

@media (max-width: 768px) {
	.lh-auth-stage {
		min-height: auto;
		flex-direction: column;
		overflow: visible;
	}

	.lh-auth-stage__panel {
		flex: none;
		width: 100%;
		padding: 2rem 1.25rem;
	}

	.lh-auth-stage__panel--welcome {
		max-width: none;
		padding-top: 3rem;
		padding-bottom: 1.5rem;
	}

	.lh-auth-stage__panel--form {
		align-items: flex-start;
		padding-top: 1rem;
		padding-bottom: 3rem;
	}

	.lh-auth-stage__panel--form > *,
	.lh-auth-stage__copy,
	.lh-authcard {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.lh-auth-stage__emblem--lock {
		width: 70px;
		height: 70px;
		border-radius: 21px;
	}

	.lh-auth-stage__emblem--lock svg {
		width: 42px;
		height: 42px;
	}
}