body {
  margin:0;
  font-family: Arial;
  background:#f7f4f8;
  color:#213566;
}

.container {
  width:90%;
  max-width:1100px;
  margin:auto;
}

header {
  background:#2a3470;
  color:white;
}

.nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 0;
}

.brand {
  display:flex;
  align-items:center;
  gap:10px;
  color:white;
  text-decoration:none;
}

.brand img {
  width:40px;
}

.nav-links {
  display:flex;
  gap:20px;
}

.cta {
  background:#6fa8a0;
  color:white;
  padding:10px 15px;
  border-radius:8px;
  text-decoration:none;
  font-weight:bold;
}

.hero {
  padding:60px 0;
  text-align:center;
}

.section {
  padding:40px 0;
}

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:20px;
}

.card {
  background:white;
  padding:20px;
  border-radius:10px;
}