body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  color:white;
  background:#0b0b0b;
}

.hero{
  text-align:center;
  padding:120px 20px;
  background:linear-gradient(180deg,#000000,#111111);
}

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

.tagline{
  font-size:24px;
  color:#c7a76c;
  margin-top:0;
}

.intro{
  max-width:820px;
  margin:18px auto;
  line-height:1.7;
  color:#eaeaea;
  font-size:18px;
}

.cta{
  display:inline-block;
  margin-top:28px;
  padding:14px 28px;
  background:#c7a76c;
  color:black;
  text-decoration:none;
  font-weight:bold;
  border-radius:10px;
}

section{
  padding:85px 20px;
  text-align:center;
}

.about, .recognition, .mission{
  background:#111;
}

.features{
  background:#0b0b0b;
}

h2{
  font-size:32px;
  margin-bottom:18px;
}

.section-text{
  max-width:900px;
  margin:14px auto;
  line-height:1.75;
  color:#e6e6e6;
  font-size:18px;
}

.highlight{
  color:#c7a76c;
  font-weight:bold;
  font-size:20px;
}

.bullets{
  list-style:none;
  padding:0;
  max-width:680px;
  margin:28px auto 0 auto;
  text-align:left;
}

.bullets li{
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
  color:#f1f1f1;
}

.cards{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:center;
  margin-top:28px;
}

.card{
  width:260px;
  background:#111;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:18px;
  text-align:left;
}

.card h3{
  margin:0 0 10px 0;
  color:#c7a76c;
  font-size:18px;
}

.card p{
  margin:0;
  color:#e6e6e6;
  line-height:1.6;
}

.newsletter{
  background:#0b0b0b;
}

.newsletter input{
  padding:12px;
  margin:8px;
  border:none;
  border-radius:8px;
  width:230px;
  max-width:90%;
}

.newsletter button{
  padding:12px 22px;
  background:#c7a76c;
  border:none;
  font-weight:bold;
  border-radius:8px;
  cursor:pointer;
}

.tiny-note{
  margin-top:16px;
  color:#9a9a9a;
  font-size:13px;
}

footer{
  text-align:center;
  padding:30px;
  background:#000;
  color:#888;
}