body {
  margin:0;
  font-family: system-ui, sans-serif;
  background:#07080b;
  color:white;
}
.hero {
  height:100vh;
  background:url('./assets/hero-poster.jpg') center/cover no-repeat;
  position:relative;
}
.hero-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,.85));
}
.hero-content {
  position:relative;
  z-index:2;
  max-width:900px;
  padding:25vh 10vw;
}
h1 { font-size:3rem; }
.btn {
  background:#2ecc71;
  color:black;
  padding:14px 22px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
}