* {
  margin:0; padding:0; box-sizing:border-box;
  font-family:'Segoe UI',sans-serif;
}
body {
  background:#0b0c1a; color:#fff; overflow-x:hidden;
}

/* Video & Header */
.video-wrap{position:relative;height:100vh;width:100%;}
video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1;}
.navbar{position:absolute;top:0;left:0;width:100%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:2;}
.logo{font-size:1.6rem;font-weight:bold;}
.nav-menu{list-style:none;display:flex;gap:1.5rem;}
.nav-menu li a{color:#fff;text-decoration:none;font-weight:500;transition:.3s;}
.nav-menu li a:hover,.nav-menu li a.active{color:#00ffff;}

/* Hero */
.hero-section{height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:60px;z-index:1;position:relative;}
.hero-content h1{font-size:3rem;margin-bottom:.5rem;}
.hero-content p{font-size:1.2rem;margin-bottom:1.5rem;color:#ccc;}
.btn-primary{display:inline-block;padding:.7rem 1.5rem;background:#00ffff;color:#000;border-radius:5px;font-weight:600;transition:.3s;}
.btn-primary:hover{background:#00cccc;}

/* Sections */
section{padding:4rem 2rem;text-align:center;}
.features-list,.plans-grid{display:grid;gap:2rem;margin-top:2rem;}
.features-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.feature-item{padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:10px;transition:.3s;cursor:default;}
.feature-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-5px);}
.feature-item .icon{font-size:2rem;display:block;margin-bottom:.5rem;}

.plans-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.plan-card{padding:2rem;background:rgba(255,255,255,0.05);border-radius:10px;font-weight:600;transition:.3s;}
.plan-card:hover{transform:translateY(-5px);box-shadow:0 0 15px rgba(0,255,255,0.4);}
.plan-card.highlighted{background:rgba(0,255,255,0.1);border:2px solid #00ffff;}

/* Footer */
.footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding:2rem;background:#111;}
.footer h3{margin-bottom:.5rem;color:#00ffff;}
.footer p{line-height:1.4;}
footer a{color:#00ffff;text-decoration:none;}
footer a:hover{text-decoration:underline;}
copyright{text-align:center;padding-top:2rem;}
@media(max-width:768px){
  .hero-content h1{font-size:2rem;}
  .hero-content p{font-size:1rem;}
  .nav-menu{flex-direction:column;background:rgba(0,0,0,0.7);padding:1rem;}
}