body{font-family:"Segoe UI",Roboto,Arial,sans-serif;background:#f7fafc;color:#27323a;margin:0;line-height:1.7}
a{color:#1d6fa5;text-decoration:none} a:hover{text-decoration:underline}
header{background:#5da9dd;color:#fff;padding:18px 10px;text-align:center}
header h1{margin:0;font-size:1.6rem}
header nav{margin-top:6px}
header nav a{color:#fff;margin:0 10px;font-weight:600}
main{max-width:980px;margin:28px auto;background:#fff;border-radius:16px;box-shadow:0 8px 28px rgba(16,38,73,.12);padding:28px}
article h1, article h2{color:#143d5c}
.hero{border-radius:14px;overflow:hidden;margin-bottom:18px}
.herotwo{}

figure{margin:0 0 12px 0}
section.herotwo{
	margin:0 0 12px 0;
	border-radius:14px;
	overflow:hidden;
	margin-bottom:18px;
	background-size: cover;
	background-position: center top;
	height: 220px;
}

figure img{max-width:100%;display:block;border-radius:12px}


footer{background:#eef2f7;padding:18px 10px;text-align:center;font-size:.95rem;color:#4a5568}
.badge{display:inline-block;background:#e6f4ff;color:#164e73;padding:2px 8px;border-radius:999px;font-size:.8rem;margin-left:6px}
ul{padding-left:1.1rem}
.contact-form {
  max-width: 600px;
  margin: 1.5rem auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-form input,
.contact-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1rem;
}

.contact-form button {
  background: #5da9dd;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
}

.contact-form button:hover {
  background: #408ecf;
}

.alert-success {
  background: #e8fbe8;
  border: 1px solid #9be19b;
  padding: 12px;
  border-radius: 10px;
  color: #1b601b;
  text-align: center;
  font-weight: 600;
}