body {
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#000;
  color:#fff;
}

.hero {
  position: relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px;
  overflow:hidden;
}

.hero video {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.hero::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.75));
  z-index:1;
}

.hero > div { position:relative; z-index:2; }

h1 { font-size:3rem; margin-bottom:20px; }
p  { font-size:1.2rem; max-width:720px; margin:0 auto 30px; line-height:1.6; }

.cta {
  display:inline-block;
  padding:16px 32px;
  background:#00e5ff;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  border-radius:6px;
}

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

footer {
  padding:30px;
  text-align:center;
  font-size:0.9rem;
  color:#aaa;
  border-top:1px solid #111;
}