:root {
	--navy: #0B2370;
	--navy2: #1A3A9F;
	--navy3: #0D1F5C;
	--navy-dark: #071545;
	--red: #E63946;
	--red2: #C1121F;
	--bg: #F5F7FC;
	--text: #0D1F42;
	--muted: #64748B;
	--border: #DDE3F0
}

.nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 5%;
	height: 64px;
	background: rgba(255, 255, 255, .96);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--border);
	transition: box-shadow .3s
}

.btn-primary {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: var(--red);
	color: white;
	padding: .75rem 1.6rem;
	border-radius: 8px;
	font-weight: 700;
	font-size: .95rem;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all .2s
}

.mobile-menu {
	display: none;
	position: fixed;
	top: 64px;
	left: 0;
	right: 0;
	background: white;
	border-bottom: 1px solid var(--border);
	padding: 1rem 5%;
	z-index: 999;
	box-shadow: 0 8px 24px rgba(11, 35, 112, .1)
}

.scroll-top {
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	z-index: 500;
	width: 44px;
	height: 44px;
	background: var(--navy);
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: scale(.8);
	transition: all .3s;
	pointer-events: none
}

.section-tag {
	display: inline-block;
	background: rgba(11, 35, 112, .07);
	color: var(--navy);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: .3rem .9rem;
	border-radius: 999px;
	margin-bottom: .65rem
}

.btn-secondary, .btn-outline {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: transparent;
	color: white;
	padding: .75rem 1.6rem;
	border-radius: 8px;
	font-weight: 600;
	font-size: .95rem;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, .5);
	cursor: pointer;
	transition: all .2s;
}

.btn-secondary {
	border: 1px solid rgba(255, 255, 255, .5);
	cursor: pointer;
	transition: all .2s;
}

.btn-outline {
	border: 1px solid rgba(255, 255, 255, .5);
	cursor: pointer;
	transition: all .2s
}
