body{
  margin:0;
  font-family: 'Inter', sans-serif;
  background:#020617;
  color:#e2e8f0;
}

header{
  position:fixed;
  width:100%;
  padding:20px;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(10px);
}

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

video{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.4);
}

.hero h1{
  font-size:60px;
}

.section{
  padding:100px 20px;
  max-width:1200px;
  margin:auto;
}

.card{
  background:#0f172a;
  padding:20px;
  border-radius:15px;
  margin-bottom:20px;
  transition:.3s;
}

.card:hover{
  transform:translateY(-5px);
}

.btn{
  background:#38bdf8;
  padding:10px 20px;
  border-radius:20px;
  color:#000;
  text-decoration:none;
}