*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
	font-family:Segoe UI,Arial,sans-serif;
	margin:0;
	line-height:1.6;
	color:#263238
}
header{
	background:#fff;position:sticky;
	top:0;
	border-bottom:1px solid #ddd
}
.container{
	width:90%;
	max-width:1200px;
	margin:auto
}
.navbar{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:15px 0
}
.hero{
	background:linear-gradient(135deg,#0079C1,#005b91);
	color:#fff;
	padding:120px 20px;
	text-align:center
}
.hero h1{
	font-size: 3rem
}
.btn{
	display: inline-block;
	background:#C80850;
	color:#fff;
	padding:14px 26px;
	text-decoration:none;
	border-radius:5px;
	margin-top: 20px;
	transition: background 0.2s ease
}
.btn:hover{
	background:#a00640
}
.section{
	padding:70px 0
}
.cards,
.stats{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
	gap:25px
}
.card{
	background:#fff;
	padding:25px;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,0,0,.08)
}
.stat{
    border-top:5px solid #0079C1;
    text-align:center
}
.title{
    text-align:center;
    color:#0079C1;
    margin-bottom:30px
}
.paragraph{
    text-align:left;
    color:#0079C1;
    margin-bottom:10px
}.light{
    background:#f7f9fc
}
.footer{
	background:#263238;
	color:#fff;
	padding:30px;
	text-align:center
}
.logos{
	display:flex;
	gap:30px;
	flex-wrap:wrap;
	justify-content:center;
    font-weight:bold;
    color:#0079C1
}
.stats .card{
	border-top:4px solid #C80850;
	text-align:center
}
nav a{
	margin-left:20px;
	text-decoration:none;
	color:#0079C1;
	font-weight:bold
}
nav a:hover{
	color:#005b91
}
.hamburger{
	display:none;
	flex-direction:column;
	justify-content:space-between;
	width:28px;
	height:21px;
	cursor:pointer;
	background:none;
	border:none;
	padding:0
}
.hamburger span{
	display:block;
	height:3px;
	width:100%;
	background:#0079C1;
	border-radius:3px;
	transition:transform 0.3s ease, opacity 0.3s ease
}

.logo {
    height: 60px;
    width: auto;
    aspect-ratio: 2014 / 538;
}
@media(max-width:768px){
	.hamburger{
		display:flex
	}
	.hamburger.active span:nth-child(1){
		transform:translateY(9px) rotate(45deg)
	}
	.hamburger.active span:nth-child(2){
		opacity:0
	}
	.hamburger.active span:nth-child(3){
		transform:translateY(-9px) rotate(-45deg)
	}
	nav{
		display:none;
		flex-direction:column;
		width:100%;
		padding:10px 0 20px;
		border-top:1px solid #ddd
	}
	nav.open{
		display:flex
	}
	nav a{
		margin:8px 0;
		font-size:1.1rem
	}
	.navbar{
		flex-wrap:wrap
	}
	.logo{height:50px}
	.hero h1{font-size:2rem}
}
.footer-logo {
    height: 50px;
    width: auto;
    aspect-ratio: 2014 / 538;
}

/* Form styles */
.honeypot {
    position: absolute;
    left: -9999px;
}
.form-group {
    margin-bottom: 16px;
}
input,
textarea {
    width: 100%;
    padding: 10px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: Segoe UI, Arial, sans-serif;
    font-size: 1rem;
}
input:focus,
textarea:focus {
    outline: none;
    border-color: #0079C1;
    box-shadow: 0 0 0 3px rgba(0,121,193,0.15);
}
textarea {
    resize: vertical;
}
.char-counter {
    text-align: right;
    font-size: 0.85rem;
    color: #666;
}
.error {
    color: #C80850;
    font-size: 0.85rem;
}
.error-message {
    background: #fdecea;
    border: 1px solid #C80850;
    border-radius: 5px;
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #C80850;
}
.cta-section {
	background: #f0f6fb;
	text-align: center;
}