body{
  margin:0;
  font-family:'Inter',sans-serif;
  background:#0B1220;
  color:#fff;
}
.container{width:90%;max-width:1100px;margin:auto;}
header{
  background:#111827;
  position:sticky;top:0;
}
.nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px 0;
}
.logo{
  font-family:'Montserrat',sans-serif;
  font-weight:800;
  color:#F7931A;
}
nav a{
  color:#fff;text-decoration:none;margin-left:20px;
}
.hero{
  padding:120px 0;
  text-align:center;
  background:linear-gradient(135deg,#0B1220,#111827);
}
.hero h1{
  font-family:'Montserrat',sans-serif;
  font-size:4rem;
  margin:0;
}
.subtitle{
  color:#F7931A;
  font-size:1.3rem;
  font-weight:600;
}
.description{
  max-width:700px;
  margin:20px auto;
  color:#B8C0CC;
}
.btn{
  display:inline-block;
  padding:14px 28px;
  background:#F7931A;
  color:#fff;
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
}
.section{padding:80px 0;}
.alt{background:#111827;}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}
.card{
  background:#0f172a;
  padding:24px;
  border-radius:12px;
}
.center{text-align:center;}
footer{
  text-align:center;
  padding:30px 0;
  border-top:1px solid #222;
  color:#B8C0CC;
}
@media(max-width:768px){
  .hero h1{font-size:2.5rem;}
  .nav{flex-direction:column;gap:10px;}
}