body{
  margin:0;
  font-family:Arial,sans-serif;
  background:#0F172A;
  color:white;
}
.container{
  width:90%;
  max-width:1100px;
  margin:auto;
  padding:60px 20px;
}
.hero{
  text-align:center;
  background:linear-gradient(135deg,#0F172A,#1E293B,#334155);
  padding:80px 20px;
}
.logo{max-width:220px;margin-bottom:20px;}
h1{font-size:48px;margin-bottom:20px;}
h2{font-size:32px;margin-bottom:20px;color:#E67E22;}
p,li{font-size:18px;line-height:1.7;color:#CBD5E1;}
.btn{
  display:inline-block;
  margin-top:20px;
  padding:14px 28px;
  background:#E67E22;
  color:white;
  text-decoration:none;
  border-radius:6px;
}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}
.card{
  background:#1E293B;
  padding:30px;
  border-radius:8px;
  text-align:center;
}
footer{
  text-align:center;
  padding:20px;
  border-top:1px solid #334155;
}
a{color:#E67E22;}