body {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #1f2937;
	scroll-behavior: smooth;
}

.navbar {
	transition: box-shadow 0.3s ease;
}
.navbar.scrolled {
	box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.hero {
	padding: 120px 0 100px;
	background: linear-gradient(135deg, #f8fafc, #eef2ff);
}
.hero img {
	border-radius: 16px;
}

.btn-primary {
	background-color: #4f46e5;
	border-color: #4f46e5;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(79,70,229,0.25);
}

.section-padding {
	padding: 100px 0;
}

.feature-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 36px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: 100%;
}

.feature-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.feature-icon {
	font-size: 32px;
	color: #4f46e5;
	margin-bottom: 16px;
}

.trust-badge {
	background: #ffffff;
	border-radius: 14px;
	padding: 28px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.05);
	text-align: center;
	height: 100%;
}

.reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible {
	opacity: 1;
	transform: translateY(0);
}

.cta {
	background: linear-gradient(135deg, #4f46e5, #6366f1);
	color: #ffffff;
	padding: 100px 20px;
	text-align: center;
}

.sticky-apply {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 999;
	display: none;
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.sticky-apply .btn {
	padding: 14px 22px;
	border-radius: 999px;
	box-shadow: 0 12px 30px rgba(79,70,229,0.35);
}

footer {
	background-color: #f8fafc;
	padding: 40px 0;
	font-size: 0.85rem;
}