*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
height:100vh;
overflow:hidden;
font-family:'Poppins',sans-serif;
background:black;
}

.video-container{
position:relative;
width:100%;
height:100vh;
}

.bg-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
rgba(0,0,0,0.7),
rgba(0,0,0,0.45),
rgba(0,0,0,0.7)
);
z-index:1;
}

.content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:white;
z-index:2;
animation:fadeIn 2s ease;
}

.title{
font-family:'Orbitron',sans-serif;
font-size:90px;
letter-spacing:8px;
font-weight:800;
text-shadow:0 0 20px rgba(255,255,255,0.5),
            0 0 40px rgba(0,140,255,0.6);
}

.subtitle{
margin-top:20px;
font-size:22px;
letter-spacing:3px;
opacity:0.85;
}

.tagline{
margin-top:20px;
font-size:18px;
opacity:0.7;
}

.divider{
width:120px;
height:3px;
background:linear-gradient(90deg,#00c6ff,#0072ff);
margin:30px auto;
border-radius:5px;
box-shadow:0 0 10px rgba(0,140,255,0.8);
}

@keyframes fadeIn{

from{
opacity:0;
transform:translate(-50%,-60%);
}

to{
opacity:1;
transform:translate(-50%,-50%);
}

}