* { box-sizing: border-box; }
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
background: #0b0b0b;
color: #fff;
}


.nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 40px;
background: rgba(0,0,0,0.8);
}


.nav-btn {
color: white;
text-decoration: none;
background: #e50914;
padding: 10px 20px;
border-radius: 6px;
}


.hero {
height: 80vh;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 60px;
background: linear-gradient(to top, #000, transparent);
}


.hero-btn {
width: fit-content;
background: #e50914;
color: white;
padding: 14px 28px;
text-decoration: none;
border-radius: 6px;
margin-top: 20px;
}


.video-card {
max-width: 900px;
margin: 40px auto;
}


video {
width: 100%;
border-radius: 12px;
}