body{
  margin:0;
  font-family:Arial, sans-serif;
  background:#f4f6f8;
}

.main-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 30px;
  background:#0b132b;
  color:#fff;
}

.main-menu a{
  color:#fff;
  margin:0 10px;
  text-decoration:none;
}

.search-box input{
  padding:6px 10px;
  border-radius:20px;
  border:none;
}

.search-box button{
  padding:6px 14px;
  border-radius:20px;
  border:none;
  background:#00b4d8;
  color:#000;
  cursor:pointer;
}

.breaking-news{
  background:#c00;
  color:#fff;
  padding:8px 15px;
}

.featured-news{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:20px;
  padding:20px;
}

.featured-news img{
  width:100%;
  border-radius:10px;
}

.news-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
  padding:20px;
}

.news-card{
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.news-card img{
  width:100%;
  height:180px;
  object-fit:cover;
}

.news-card-body{
  padding:15px;
}

.news-card-body a{
  color:#0077b6;
  text-decoration:none;
}