body { 
  font-family: Arial, sans-serif; 
  margin:0; 
  padding:0; 
  line-height:1.6; 
}

/* ===== HEADER ===== */
header { 
  background:#0a1f44; 
  color:#fff; 
  padding:20px; 
  text-align:center; 
}

header h1 { 
  margin:0; 
  font-size:5em;       /* Increased font size */
  letter-spacing:6px;  /* Wider spacing between letters */
  text-transform:uppercase; /* Ensures bold wide look */
}

header p { 
  margin:5px 0; 
  font-size:1.1em; 
}

nav { margin-top:10px; }
nav a { 
  color:#fff; 
  margin:0 15px; 
  text-decoration:none; 
  font-weight:bold; 
}

/* ===== HERO SECTION ===== */
.hero { 
  background:#132d5c; 
  color:#fff; 
  padding:80px 20px; 
  text-align:center; 
}

.hero h2 { 
  font-size:2.5em; 
  margin:0; 
}

.hero p { margin:15px 0; }

.btn { 
  background:#ffb400; 
  color:#000; 
  padding:12px 24px; 
  border-radius:6px; 
  text-decoration:none; 
  font-weight:bold; 
}

/* ===== CONTENT SECTIONS ===== */
section { 
  padding:50px 20px; 
  text-align:center; 
}

section h2 { 
  color:#0a1f44; 
  font-size:2.2em; 
  margin-bottom:20px; 
}

/* ===== GRID CARDS ===== */
.grid { 
  display:grid; 
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); 
  gap:20px; 
  max-width:1200px; 
  margin:0 auto; 
}

.card { 
  background:#f8f9fa; 
  padding:20px; 
  border-radius:10px; 
  box-shadow:0 4px 6px rgba(0,0,0,0.1); 
}

.card h3 { 
  margin-top:0; 
  color:#132d5c; 
}

/* ===== FOOTER ===== */
footer { 
  background:#0a1f44; 
  color:#fff; 
  text-align:center; 
  padding:20px; 
  margin-top:30px; 
}

/* ===== RESPONSIVE ===== */
@media(max-width:600px){ 
  header h1 { font-size:2.5em; letter-spacing:2px; } 
  .hero h2 { font-size:1.5em; } 
}