html, body{height:100%;}
body{
	background: linear-gradient(180deg, #f7fbff, #ffffff);
	display:flex;
	flex-direction:column;
	min-height:100vh;
}

/* Center card area without affecting global nav/footer */
main{
	flex:1;
	display:flex;
	align-items:center;
	padding: 32px 0;
}

/* Thank-you page components */
.thankyou-card{
	background:#fff;
	border:1px solid var(--fq-border);
	border-radius:18px;
	box-shadow:0 16px 40px rgba(31,41,55,.12);
	padding:36px 32px;
	text-align:center;
}

.checkmark{
	width:56px;
	height:56px;
	border-radius:50%;
	background:rgba(99,178,69,.15);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 16px;
}
.checkmark svg{
	width:28px;
	height:28px;
	fill:var(--fq-green);
}

.callout{
	background:var(--fq-soft);
	border:1px solid var(--fq-border);
	border-radius:14px;
	padding:20px;
	margin:24px 0;
}

.phone-number{
	font-size:2rem;
	font-weight:800;
	letter-spacing:.02em;
	color:var(--fq-blue-dark);
	text-decoration:none;
	display:inline-block;
	margin:10px 0;
}
.phone-number:hover{
	color:var(--fq-blue);
}

/* Slightly larger helper text on thank-you page */
.small-muted{
	font-size:.95rem;
}

/* Footer background tint specific to thank-you page */
.footer{
	background:rgba(255,255,255,.7);
}