body {
  font-family: Arial, sans-serif;
  background-color: #eef6ff;
  margin: 0;
}
header, footer {
  background-color: #003366;
  color: white;
  text-align: center;
  padding: 15px;
}
nav {
  background-color: #00509e;
  text-align: center;
  padding: 10px;
}
nav a {
  color: white;
  margin: 0 15px;
  text-decoration: none;
}
section {
  padding: 20px;
  text-align: center;
}


/* Responsive design */
@media (max-width:900px){
  header nav ul{display:none}
  .menu-mobile{display:block}
}
@media (max-width:600px){
  .container{padding:10px}
  img{max-width:100%;height:auto}
}


.global-search { display:flex; gap:6px; align-items:center; margin:8px 0; }
.global-search input { flex:1; padding:8px 10px; border-radius:8px; border:1px solid #ccc; }
.global-search button { padding:6px 8px; border-radius:6px; border:0; background:transparent; cursor:pointer; }
@media (max-width:600px){
  .global-search { margin:6px 4px; }
  .global-search input { padding:6px 8px; }
}