body {
  margin:0;
  font-family:system-ui;
  background:#000;
  color:#fff;
}

.header {
  position:fixed;
  width:100%;
  display:flex;
  justify-content:space-between;
  padding:20px;
  background:#000;
}

.nav a {
  margin-left:15px;
  color:#aaa;
  text-decoration:none;
}

.hero {
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.hero img {width:120px;}

.btn {
  padding:12px 25px;
  margin:10px;
  border-radius:8px;
  text-decoration:none;
}

.main {background:#fff;color:#000;}
.second {background:#111;color:#fff;border:1px solid #333;}

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

.cards {
  display:flex;
  justify-content:center;
  gap:20px;
}

.card {
  background:#111;
  padding:20px;
  border-radius:10px;
}