.hero{
  background:linear-gradient(135deg,#1e3a8a,#2563eb);
  color:white;
  text-align:center;
  padding:70px 6%;
}

.hero h1{
  font-size:40px;
  margin-bottom:10px;
}

.hero span{
  color:#fde047;
}

.search-bar{
  margin-top:20px;
}

.search-bar input{
  padding:12px;
  width:250px;
  border:none;
  border-radius:4px;
}

.search-bar button{
  padding:12px 18px;
  border:none;
  background:#020617;
  color:white;
  cursor:pointer;
  border-radius:4px;
}

.filters{
  display:flex;
  gap:15px;
  justify-content:center;
}

.filters select{
  padding:10px;
  border:1px solid var(--border);
  border-radius:5px;
}

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

.news-card{
  background:white;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
  transition:.3s;
}

.news-card:hover{
  transform:translateY(-6px);
}

.news-content{
  padding:15px;
}

.news-content h3{
  font-size:18px;
  margin:10px 0;
}

.news-content p{
  color:var(--gray);
  font-size:14px;
}

.news-content a{
  color:var(--accent);
  font-weight:600;
}

.tag{
  display:inline-block;
  padding:4px 10px;
  border-radius:20px;
  font-size:12px;
  color:white;
}

.tag.local{background:#16a34a}
.tag.global{background:#dc2626}
.tag.tech{background:#2563eb}