*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:Arial, sans-serif;
  background:#07130d;
  color:white;
}

header{
  padding:25px;
  text-align:center;
}

.logo{
  font-size:32px;
  font-weight:bold;
  color:#22c55e;
}

.hero{
  text-align:center;
  padding:100px 20px;
}

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

.hero p{
  max-width:700px;
  margin:auto;
  margin-bottom:30px;
  color:#d1d5db;
}

.btn{
  background:#22c55e;
  color:black;
  text-decoration:none;
  padding:14px 28px;
  border-radius:30px;
  font-weight:bold;
}

.section{
  padding:70px 20px;
  max-width:1100px;
  margin:auto;
}

.section h2{
  color:#22c55e;
  margin-bottom:20px;
}

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

.card{
  background:#102018;
  padding:25px;
  border-radius:15px;
  text-align:center;
}

footer{
  text-align:center;
  padding:40px;
  color:#9ca3af;
}

ul{
  padding-left:20px;
}

li{
  margin-bottom:10px;
}