:root {
  --primary:#0ea5e9;
  --secondary:#1e3a8a;
  --dark:#020617;
  --light:#e5e7eb;
  --muted:#94a3b8;
}
*{box-sizing:border-box}
body{
  margin:0;font-family:Segoe UI,Tahoma;
  background:var(--dark);color:var(--light);line-height:1.6
}
nav{
  background:#020617;padding:14px;text-align:center;
  position:sticky;top:0;z-index:10
}
nav a{
  color:var(--light);margin:0 14px;text-decoration:none;font-weight:500
}
nav a:hover{color:var(--primary)}
header{
  background:linear-gradient(135deg,var(--secondary),var(--primary));
  padding:80px 20px;text-align:center
}
section{max-width:1100px;margin:auto;padding:60px 20px}
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px
}
.card{
  background:#020617;padding:28px;border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.35)
}
.cta{
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  text-align:center;padding:60px 20px;border-radius:20px
}
.btn{
  display:inline-block;padding:14px 34px;
  background:var(--dark);color:var(--light);
  border-radius:30px;text-decoration:none;font-weight:bold
}
footer{
  background:#020617;text-align:center;
  padding:30px;color:var(--muted)
}