/* landing.css — Matches your style2.css perfectly */
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body { background:#000; color:#fff; font-family:'Helvetica Neue',sans-serif; overflow-x:hidden; }

.landing {
  height: 100vh;
  position: relative;
}

/* Netflix Logo — exactly like your main site */
.logo { 
  position: absolute;
  top: 30px;
  left: 40px;
  font-family:'Bebas Neue',sans-serif; 
  font-size:48px; 
  color:#e50914; 
  font-weight:900;
  letter-spacing:2px;
  z-index: 1000;
}

/* HERO — identical to your main page hero */
.hero { 
  position:relative; 
  height:100vh; 
}
.hero-bg { 
  position:absolute; 
  top:0; left:0; 
  width:100%; 
  height:100%; 
  object-fit:cover; 
  z-index:-2; 
}
.hero-gradient {
  position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;
  background: linear-gradient(to right, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.7) 30%, transparent 70%),
              linear-gradient(to bottom, transparent 60%, #000 100%);
}
.hero-content { 
  position:absolute;
  bottom:22%; 
  left:3%; 
  max-width:45%; 
  z-index:1;
}
.hero-content h1 { 
  font-family:'Bebas Neue',sans-serif; 
  font-size:5rem; 
  letter-spacing:9px; 
  margin-bottom: 10px;
}
.tagline { 
  font-size:2.6rem; 
  font-style:italic; 
  margin-bottom: 20px;
}
.tagline em { 
  color:#e50914; 
  font-weight:700; 
}
.description { 
  font-size:1.3rem; 
  line-height:1.7; 
  margin-bottom:40px; 
  opacity: 0.95;
}

/* Button — identical to your submit-btn style */
#getStarted {
  background:#e50914;
  color:#fff;
  border:none;
  padding:14px 40px;
  border-radius:8px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:1px;
  transition:all 0.3s ease;
}
#getStarted:hover {
  background:#b00610;
  transform:translateY(-3px);
  box-shadow:0 6px 20px rgba(229,9,20,0.4);
}

/* Mobile adjustments — same breakpoints you use */
@media (max-width: 768px) {
  .hero-content { bottom:15%; left:5%; max-width:90%; }
  .hero-content h1 { font-size:3.5rem; letter-spacing:6px; }
  .tagline { font-size:2rem; }
  .description { font-size:1.1rem; }
  .logo { font-size:40px; top:20px; left:20px; }
}