body { margin:0; font-family:Arial, sans-serif; background:#f4f6fb; }

header {
  display:flex; justify-content:space-between; align-items:center;
  padding:20px 40px; background:white;
  box-shadow:0 4px 20px rgba(0,0,0,0.05);
}

.logo { font-weight:bold; font-size:20px; color:#1f3c88; }

nav a { margin-left:20px; text-decoration:none; color:#1f3c88; font-weight:bold; }

.hero {
  display:flex; align-items:center; padding:60px 40px;
  background:#1f3c88; color:white;
}

.hero img { width:50%; border-radius:20px; margin-right:40px; }

.hero-text button {
  padding:12px 25px; background:#4ea1ff;
  border:none; color:white; border-radius:8px; font-size:16px;
}

.section {
  display:flex; align-items:center; gap:40px;
  padding:60px 40px; background:white;
}

.section img { width:400px; border-radius:15px; }

footer {
  text-align:center; padding:30px;
  background:#1f3c88; color:white;
}