body{
margin:0;
font-family:Arial;
background:#141414;
color:white;
}

.logo{
color:#e50914;
font-size:32px;
font-weight:bold;
}

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 50px;
background:linear-gradient(to bottom,rgba(0,0,0,0.9),transparent);
position:fixed;
width:100%;
z-index:10;
}

.navbar.dark{background:black;}

.menu{
display:flex;
gap:20px;
list-style:none;
}

.menu li{
cursor:pointer;
}

.signin{
background:#e50914;
border:none;
color:white;
padding:8px 20px;
cursor:pointer;
}

.hero{
height:100vh;
background:url("https://assets.nflxext.com/ffe/siteui/vlv3/9c0fdf7c-netflix-bg.jpg") center/cover;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
}

.hero-overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}

.hero-content{
position:relative;
z-index:2;
}

.cta{
padding:15px 30px;
background:#e50914;
border:none;
color:white;
font-size:18px;
margin-top:20px;
cursor:pointer;
}

.banner{
height:500px;
background:url("https://picsum.photos/1600/700") center/cover;
display:flex;
align-items:center;
padding-left:60px;
position:relative;
}

.banner-gradient{
position:absolute;
width:100%;
height:100%;
background:linear-gradient(to right,rgba(0,0,0,0.9),transparent);
}

.banner-content{
position:relative;
z-index:2;
max-width:500px;
}

.play{
background:white;
color:black;
border:none;
padding:12px 24px;
cursor:pointer;
}

.row-section{
padding:40px 60px;
}

.row{
display:flex;
gap:12px;
overflow-x:auto;
}

.row img{
width:320px;
border-radius:6px;
cursor:pointer;
transition:transform .3s;
}

.row img:hover{
transform:scale(1.15);
}

.feature{
display:flex;
justify-content:center;
align-items:center;
padding:80px;
border-top:8px solid #222;
}

.feature img{
width:420px;
margin-left:40px;
}

.footer{
text-align:center;
padding:40px;
color:#aaa;
}

.modal{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.9);
}

.modal-box{
width:70%;
margin:5% auto;
}

.close{
font-size:30px;
cursor:pointer;
float:right;
}