*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
height:100vh;
overflow:hidden;
}

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

.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:rgba(0,0,0,0.45);
z-index:1;
}

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

.content h1{
font-size:70px;
letter-spacing:5px;
}

.content h2{
font-size:28px;
margin-top:10px;
font-weight:300;
}

.content p{
margin-top:20px;
font-size:20px;
opacity:0.8;
}

.notify{
margin-top:30px;
}

.notify input{
padding:12px 15px;
border:none;
outline:none;
border-radius:4px;
width:220px;
}

.notify button{
padding:12px 18px;
border:none;
background:#ff3b3b;
color:white;
border-radius:4px;
margin-left:10px;
cursor:pointer;
}

.notify button:hover{
background:#ff0000;
}