:root {
  --navy: #0D1B2A;
  --emerald: #1B998B;
  --sky: #3FA7D6;
  --soft-white: #F6F7F8;
  --charcoal: #1E1E1E;
  --radius: 14px;
}
body { font-family: Arial, sans-serif; background: var(--soft-white); margin:0; }
header { background: var(--navy); padding:20px; color:white; }
header .logo a { color:var(--emerald); text-decoration:none; font-size:28px; }
nav ul { list-style:none; display:flex; gap:20px; margin-top:10px; }
nav a { color:white; text-decoration:none; }
.hero { padding:60px 20px; background:var(--navy); color:white; border-bottom-left-radius:40px; border-bottom-right-radius:40px; }
.btn { padding:12px 25px; background:var(--emerald); color:white; border-radius:var(--radius); text-decoration:none; font-weight:bold; display:inline-block; margin-top:20px; }
.container { width:90%; max-width:1100px; margin:auto; }
footer { background:var(--navy); color:white; text-align:center; padding:20px; margin-top:40px; }
@media (max-width:768px){
  nav ul { flex-direction:column; }
  .btn { width:100%; text-align:center; }
}