*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Inter',sans-serif;
  background:#0e0f12;
  color:#eaeaea;
}
.container{
  max-width:1100px;
  margin:auto;
  padding:40px 20px;
}
.hero{
  background:linear-gradient(135deg,#1f2933,#111827);
  text-align:center;
  padding:80px 20px;
}
.hero h1{font-size:2.8rem}
.subtitle{color:#cbd5e1}
.nav{
  display:flex;
  justify-content:center;
  gap:25px;
  background:#020617;
  padding:15px;
}
.nav a{
  color:#cbd5e1;
  text-decoration:none;
}
.nav a:hover{color:#38bdf8}
.section.light{background:#111827}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:25px;
}
.card{
  background:#020617;
  padding:25px;
  border-radius:12px;
}
.card h3{color:#38bdf8}
.list{list-style:none;padding:0}
.list li{padding:10px 0;border-bottom:1px solid #1e293b}
footer{
  text-align:center;
  padding:25px;
  background:#020617;
  color:#94a3b8;
}
@media(max-width:768px){
  .hero h1{font-size:2.1rem}
  .nav{flex-wrap:wrap}
}