/* Layout adjustments to stretch onboarding view to full height */
.main-content.view-onboarding {
	min-height: 85vh;
	margin-top: 0 !important;
	padding: 2.5rem 0 3rem;
	display: flex;
	flex-direction: column;
}

.main-content.view-onboarding #onboarding-hero {
	flex: 1 1 auto;
	display: flex;
	align-items: end;
	justify-content: center;
	margin-top: 0;
	width: 100%;
}

.main-content.view-onboarding .welcome-card {
	width: 100%;
	align-items: center;
}

.main-content.view-onboarding .onboarding-footer {
	margin-top: auto;
}

.onboarding-hero {
	background-image:
		linear-gradient(180deg, rgba(248, 249, 252, 0) 55%, rgba(248, 249, 252, 1) 100%),
		url('../img/myaou-banner.png');
	background-size: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: rgba(238, 136, 85, 0.632);
	padding: 3rem 3rem 4rem;
	margin-top: 1.5rem;
	box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
}

.welcome-card {
	border-radius: 20px;
}

#site-footer, #site-header {
	display: none !important;
}

.onb-step { min-height: 220px; }
.onb-cta-card {
	background: linear-gradient(135deg, #f5f8ff 0%, #eef4ff 100%);
	border: 1px solid rgba(13, 110, 253, 0.2);
	box-shadow: 0 8px 20px rgba(13, 110, 253, 0.08);
}
.onb-cta-input {
	border-width: 2px;
	border-color: rgba(13, 110, 253, 0.4);
	font-weight: 600;
}
.onb-cta-input.is-invalid {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.18rem rgba(220, 53, 69, 0.25);
}
.onb-cta-input.is-valid {
	border-color: #198754;
	box-shadow: 0 0 0 0.18rem rgba(25, 135, 84, 0.25);
}
.onb-cta-input:focus {
	border-color: #0d6efd;
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

@media (max-width: 768px) {
	.main-content.view-onboarding {
		padding: 1.5rem 0 2rem;
	}
}

@media (max-width: 576px) {
	.onboarding-hero {
		padding: 2rem 1.5rem 3rem;
		margin-top: 1rem;
	}

	.main-content.view-onboarding {
		padding: 1rem 0 1.5rem;
	}
}