body {
  font-family: Inter, Arial, sans-serif;
  margin: 0;
  background: #F7FAFC;
  color: #1F2933;
}
.container { max-width: 1100px; margin: auto; padding: 40px; }
.nav { background: #0F2A44; }
.nav a { color: #fff; margin-left: 20px; text-decoration: none; }
.logo { height: 36px; }
.hero { background: linear-gradient(135deg, #0F2A44, #2EC4B6); color: white; }
.hero h1 { font-size: 42px; }
.btn { padding: 12px 24px; border-radius: 6px; }
.btn.primary { background: #2EC4B6; color: #0F2A44; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer { background: #0F2A44; color: white; }