body {
  margin:0;
  font-family:'Poppins', sans-serif;
  background:#0b1c26;
  color:white;
  overflow-x:hidden;
}

#loader {
  position:fixed;
  width:100%;
  height:100%;
  background:black;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2rem;
  z-index:999;
}

.header {
  position:fixed;
  width:100%;
  padding:20px 50px;
  display:flex;
  justify-content:space-between;
  backdrop-filter:blur(15px);
  z-index:10;
}

.hero {
  height:100vh;
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
}
.bg-video {
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(0.4);
}

.hero-content {
  position:relative;
  text-align:center;
}

.hero h1 {
  font-size:4rem;
  animation:fadeUp 1.5s ease;
}

.section {
  padding:120px 10%;
}

.dark { background:#09161d; }

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:30px;
}

.card {
  padding:30px;
  border-radius:20px;
  transition:0.4s;
}

.card:hover {
  transform:translateY(-15px) scale(1.03);
}

.glass {
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(20px);
}

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

.price-card {
  padding:40px;
  background:#111;
  border-radius:20px;
  transition:0.4s;
}

.price-card:hover {
  transform:scale(1.05);
}

.highlight {
  background:linear-gradient(45deg,#12d8fa,#1fa2ff);
}

.form input, .form textarea {
  width:100%;
  margin:10px 0;
  padding:15px;
  border-radius:10px;
  border:none;
}

.form button {
  padding:15px 30px;
  background:#12d8fa;
  border:none;
  border-radius:10px;
}

.footer {
  text-align:center;
  padding:40px;
  background:black;
}

.reveal {
  opacity:0;
  transform:translateY(80px);
  transition:1s ease;
}

.reveal.active {
  opacity:1;
  transform:translateY(0);
}

@keyframes fadeUp {
  from {opacity:0; transform:translateY(40px);} 
  to {opacity:1; transform:translateY(0);} 
}