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

.hero { position:relative; height:100vh; overflow:hidden; }
.hero-video { position:absolute; width:100%; height:100%; object-fit:cover; }
.hero-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.6); }

.hero-content {
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
}

.hero-logo { width:180px; margin-bottom:20px; }
.btn {
  margin-top:20px;
  padding:12px 24px;
  border:1px solid #fff;
  color:#fff;
  text-decoration:none;
}

.page .header {
  display:flex;
  justify-content:space-between;
  padding:20px;
  border-bottom:1px solid #333;
}

.nav-logo { height:40px; }

.container { max-width:900px; margin:80px auto; padding:20px; }

.grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; list-style:none; padding:0; }