:root {
	--vd-navy: #071a3d;
	--vd-dark-navy: #031027;
	--vd-blue: #12469c;
	--vd-purple: #5b2a86;
	--vd-gold: #d5aa32;
	--vd-yellow: #f4c542;
	--vd-cream: #f8f5ef;
	--vd-light-cream: #fcfaf6;
	--vd-white: #ffffff;
	--vd-charcoal: #20232a;
	--vd-muted: #687080;
	--vd-border: #e6e1d8;
	--vd-radius-sm: 8px;
	--vd-radius-md: 16px;
	--vd-radius-lg: 28px;
	--vd-shadow-sm: 0 10px 30px rgba(7, 26, 61, 0.08);
	--vd-shadow-lg: 0 30px 80px rgba(7, 26, 61, 0.18);
	--vd-transition: 250ms ease;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--vd-light-cream);
	color: var(--vd-charcoal);
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

body.vd-menu-open {
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea,
select {
	font: inherit;
}

button {
	border: 0;
	cursor: pointer;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

.vd-container {
	width: min(1180px, calc(100% - 40px));
	margin-inline: auto;
}

.vd-site-main {
	min-height: 60vh;
}

.vd-section-label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	color: var(--vd-gold);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2.2px;
	text-transform: uppercase;
}

.vd-section-label::before {
	width: 36px;
	height: 2px;
	background: currentColor;
	content: "";
}

.vd-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 56px;
	padding: 0 27px;
	border: 1px solid transparent;
	border-radius: 7px;
	font-size: 14px;
	font-weight: 700;
	transition:
		transform var(--vd-transition),
		background var(--vd-transition),
		border-color var(--vd-transition),
		color var(--vd-transition);
}

.vd-button:hover {
	transform: translateY(-3px);
}

.vd-button-primary {
	background: var(--vd-gold);
	color: var(--vd-navy);
}

.vd-button-primary:hover {
	background: var(--vd-yellow);
}

.vd-button-secondary {
	border-color: rgba(255, 255, 255, 0.38);
	background: rgba(255, 255, 255, 0.05);
	color: var(--vd-white);
	backdrop-filter: blur(12px);
}

.vd-button-secondary:hover {
	border-color: var(--vd-white);
	background: var(--vd-white);
	color: var(--vd-navy);
}