/* BiGAA base styles (Tailwind is loaded via CDN in header) */
:root {
	--deep: #0A1F44;
	--electric: #007BFF;
	--graybg: #F5F6F8;
	--ink: #111827;
}

body {
	background-color: var(--graybg);
}

.bg-hero-pattern {
	background-image:
		radial-gradient(circle at 15% 20%, rgba(0, 123, 255, 0.12), transparent 45%),
		radial-gradient(circle at 80% 0%, rgba(10, 31, 68, 0.16), transparent 40%),
		radial-gradient(circle at 50% 100%, rgba(22, 199, 154, 0.14), transparent 55%);
}

.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.8rem 1.4rem;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--electric), #4DADF7);
	color: #fff;
	font-weight: 600;
	box-shadow: 0 18px 35px -25px rgba(0, 123, 255, 0.85);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 25px 50px -20px rgba(0, 123, 255, 0.7);
}
.btn-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1.4rem;
	border-radius: 999px;
	border: 1px solid rgba(10, 31, 68, 0.15);
	background: rgba(255, 255, 255, 0.85);
	transition: all 0.2s ease;
}
.btn-outline:hover {
	border-color: rgba(10, 31, 68, 0.4);
	box-shadow: 0 15px 32px -24px rgba(10, 31, 68, 0.4);
}

.card {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(6px);
	border-radius: 1rem;
	border: 1px solid rgba(10, 31, 68, 0.05);
	box-shadow: 0 18px 45px -30px rgba(10, 31, 68, 0.55);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.card:hover {
	transform: translateY(-6px);
	box-shadow: 0 30px 60px -35px rgba(10, 31, 68, 0.45);
}

.section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.82rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	color: rgba(10, 31, 68, 0.75);
}
.section-eyebrow::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 2px;
	background: linear-gradient(90deg, var(--electric), rgba(0, 123, 255, 0));
}

.glass-panel {
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	box-shadow: 0 25px 55px -35px rgba(10, 31, 68, 0.35);
}