body {
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background:#f5f7fb;
  color:#0a2540;
}
header {
  background:white;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
}
.container {
  max-width:1100px;
  margin:0 auto;
  padding:20px;
}
nav a {
  margin:0 15px;
  text-decoration:none;
  color:#0a2540;
  font-weight:bold;
}
.hero {
  text-align:center;
  padding:40px 20px;
}
.hero img {
  max-width:420px;
}
.btn {
  display:inline-block;
  background:#ff7a00;
  color:white;
  padding:12px 22px;
  border-radius:6px;
  text-decoration:none;
  margin-top:15px;
}
.card {
  background:white;
  padding:20px;
  border-radius:10px;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
  margin:15px 0;
}
footer {
  text-align:center;
  padding:20px;
  color:#6b7c93;
}