.capital-auth-page-hero {
	padding: 150px 0 48px;
	background:
		radial-gradient(circle at top left, rgba(45, 156, 240, 0.12), transparent 24%),
		radial-gradient(circle at top right, rgba(31, 78, 121, 0.1), transparent 28%),
		linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
}

.capital-auth-page-hero__content {
	max-width: 760px;
}

.capital-auth-page-hero__kicker {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: rgba(31, 78, 121, 0.08);
	color: #1f4e79;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.capital-auth-page-hero h1 {
	margin-bottom: 14px;
	font-size: clamp(36px, 5vw, 64px);
	line-height: 1.02;
	color: #111827;
}

.capital-auth-page-hero p {
	margin: 0;
	font-size: 18px;
	line-height: 1.7;
	color: #64748b;
}

.capital-auth-page-section {
	padding: 0 0 110px;
	background: linear-gradient(180deg, #eef5ff 0%, #ffffff 100%);
}

.capital-auth-page-card {
	margin-top: -10px;
}

.capital-auth-modal--page {
	box-shadow: 0 34px 80px rgba(67, 88, 133, 0.18);
}

.capital-auth-modal--page .btn-close {
	display: none;
}

@media (max-width: 991px) {
	.capital-auth-page-hero {
		padding: 132px 0 36px;
	}

	.capital-auth-page-hero p {
		font-size: 16px;
	}

	.capital-auth-page-section {
		padding-bottom: 84px;
	}
}

@media (max-width: 767px) {
	.capital-auth-page-hero {
		padding: 116px 0 28px;
	}

	.capital-auth-page-hero h1 {
		font-size: 34px;
	}

	.capital-auth-page-hero p {
		font-size: 15px;
	}

	.capital-auth-page-section {
		padding-bottom: 64px;
	}
}