body{margin:0;font-family:Inter,Arial;background:#0f0f14;color:#fff}
a{color:#ffb703;text-decoration:none}
.nav{display:flex;justify-content:space-between;padding:20px}
.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#ff7a18,#ffb703)}
.hero h1{font-size:48px}
.section{padding:70px 20px;text-align:center}
.dark{background:#16161d}
.grid{display:flex;justify-content:center}
.card{background:#1f1f2b;padding:30px;border-radius:18px;width:300px}
.buttons a{display:inline-block;margin:10px;padding:10px 18px;background:#ffb703;border-radius:8px;color:#000}
footer{text-align:center;padding:20px;background:#0b0b0f}
.app-icon {
  width: 80px;
  height: auto;
  display: block;
  margin: 0 auto 15px;
}
.card {
  text-align: center;
}