:root{
--bg:#0B0F14;
--surface:#111827;
--primary:#29D3C1;
--secondary:#8B5CF6;
--accent:#F6C177;
--text:#E5E7EB;
--muted:#9CA3AF;
--glow:linear-gradient(135deg,#29D3C1,#8B5CF6);
}

*{box-sizing:border-box}

body{
margin:0;
font-family:Inter,sans-serif;
color:var(--text);
background:
radial-gradient(60% 40% at 50% 0%, rgba(41,211,193,.15), transparent 60%),
radial-gradient(40% 30% at 80% 20%, rgba(139,92,246,.12), transparent 60%),
var(--bg);
}

h1,h2,h3{font-family:"Space Grotesk",sans-serif}

.container{max-width:1200px;margin:auto;padding:0 24px}

/* NAVBAR */
.navbar{position:sticky;top:0;background:rgba(11,15,20,.9);backdrop-filter:blur(14px)}
.navbar-inner{display:flex;align-items:center;gap:20px;padding:16px 0}
.logo{font-weight:700;background:var(--glow);-webkit-background-clip:text;color:transparent}
.nav-links{display:flex;gap:16px}
.nav-cta{display:flex;gap:10px}
.menu-btn{display:none;background:none;border:none;color:#fff;font-size:26px}

/* BUTTONS */
.btn{padding:12px 22px;border-radius:18px;font-weight:600;text-decoration:none}
.btn.primary{background:var(--glow);color:#000}
.btn.outline{border:1px solid var(--primary);color:var(--primary)}
.btn.secondary{background:linear-gradient(135deg,var(--accent),var(--secondary));color:#000}

/* HERO */
.hero{min-height:80vh;display:flex;align-items:flex-end;
background:
linear-gradient(180deg,rgba(11,15,20,.2),var(--bg)),
url("https://i.ibb.co/NdWyQVz8/MV5-BYz-I5-NGU0-NTYt-Zm-Nj-Yy00-Nm-Fl-LWE1-NDgt-MTZi-ZTc0-Nj-M3-Yjgy-Xk-Ey-Xk-Fqc-Gc-V1.jpg")
center/cover}
.hero-overlay{padding:80px 0;max-width:700px}
.hero h1{font-size:56px}
.hero p{color:var(--muted)}
.hero-actions{display:flex;gap:16px}

/* SECTION */
.section-title{font-size:22px;margin:24px}

/* HORIZONTAL MOVIES */
.movie-grid{
display:flex;
gap:24px;
overflow-x:auto;
padding:32px 16px;
scroll-snap-type:x mandatory;
}
.movie-grid::-webkit-scrollbar{display:none}

.movie-card{
min-width:220px;
max-width:220px;
scroll-snap-align:start;
display:flex;
flex-direction:column;
background:linear-gradient(180deg,#111827,#0B0F14);
border-radius:24px;
overflow:hidden;
animation:floatY 6s ease-in-out infinite;
transition:.4s;
}
.movie-card:hover{transform:translateY(-14px) scale(1.03)}

.movie-card img{width:100%;aspect-ratio:2/3;object-fit:cover}
.movie-card > div{padding:16px;display:flex;flex-direction:column;flex-grow:1}
.movie-card .btn{margin-top:auto;text-align:center}

@keyframes floatY{
0%{transform:translateY(0)}
50%{transform:translateY(-6px)}
100%{transform:translateY(0)}
}

/* MOVIE PAGE */
.movie-layout{display:grid;grid-template-columns:340px 1fr;gap:48px}
.poster{width:100%;aspect-ratio:2/3;border-radius:26px}
.player{aspect-ratio:16/9;background:#000;border-radius:26px;overflow:hidden}
.player iframe{width:100%;height:100%;border:0}

/* MOBILE */
@media(max-width:768px){
.nav-links,.nav-cta{display:none}
.menu-btn{display:block}
.movie-card{min-width:160px;max-width:160px}
.movie-layout{grid-template-columns:1fr}
.hero h1{font-size:36px}
}

/* FOOTER */
footer{padding:32px;background:#0F172A;text-align:center}
.muted{color:var(--muted)}