body {
  font-family: system-ui, Arial, sans-serif;
  background: #0b1020;
  color: #eee;
  padding: 24px;
}
h1 { text-align: center; margin-bottom: 20px; }
.search-bar { display: flex; justify-content: center; gap: 8px; margin-bottom: 20px; }
input, select {
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid #333;
  background: #11152a;
  color: #eee;
}
button {
  padding: 8px 14px;
  border-radius: 6px;
  background: #20c997;
  border: none;
  cursor: pointer;
  font-weight: 600;
}
#results { display: flex; flex-direction: column; gap: 12px; }
.grant {
  background: #11152a;
  padding: 14px;
  border-radius: 8px;
  border: 1px solid #1f2937;
}
.grant-title {
  color: #4fd1c5;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}
.grant-title:hover {
  text-decoration: underline;
  color: #38b2ac;
}
#load-more {
  margin: 20px auto;
  display: block;
  background: #20c997;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: bold;
}