/* Reset & Global */
        * {margin:0; padding:0; box-sizing:border-box;}
        body {font-family:'Roboto', sans-serif; background:#0d0d0d; color:#fff; overflow-x:hidden;}
        a {text-decoration:none; color:inherit;}
        button {cursor:pointer;}

        /* Header */
        header {display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:rgba(0,0,0,0.8); position:sticky; top:0; z-index:1000;}
        .logo {font-family:'Oswald', sans-serif; font-size:28px; color:#ff4c4c; letter-spacing:1px;}
        nav ul {display:flex; list-style:none; gap:25px;}
        nav ul li {transition:0.3s;}
        nav ul li:hover {color:#ff4c4c;}
        .search-bar input {padding:5px 10px; border-radius:5px; border:none; outline:none;}

        /* Hero Section */
        .hero {position:relative; width:100%; height:90vh; display:flex; align-items:center; justify-content:center; background:url('https://via.placeholder.com/1600x900') center/cover no-repeat;}
        .hero-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
        .hero-content {position:relative; text-align:center; z-index:2;}
        .hero-content h1 {font-size:60px; margin-bottom:20px;}
        .hero-content p {font-size:20px; margin-bottom:30px;}
        .hero-content .btn {padding:15px 30px; margin:0 10px; border:none; border-radius:5px; font-size:16px; font-weight:700; transition:0.3s;}
        .btn-watch {background:#ff4c4c; color:#fff;}
        .btn-download {background:#333; color:#fff;}
        .btn-watch:hover {background:#ff1a1a;}
        .btn-download:hover {background:#555;}

        /* Section Titles */
        .section-title {font-size:32px; margin:50px 50px 20px 50px; border-left:5px solid #ff4c4c; padding-left:10px;}

        /* Movie Carousels */
        .carousel {display:flex; overflow-x:auto; scroll-behavior:smooth; gap:20px; padding:20px 50px;}
        .carousel::-webkit-scrollbar {display:none;}
        .movie-card {min-width:200px; position:relative; transition:transform 0.3s; cursor:pointer;}
        .movie-card img {width:100%; border-radius:10px;}
        .movie-card:hover {transform:scale(1.05);}
        .movie-card .movie-info {position:absolute; bottom:10px; left:10px; right:10px; background:rgba(0,0,0,0.7); padding:10px; border-radius:5px; display:flex; justify-content:space-between; align-items:center;}
        .movie-card .movie-info h4 {font-size:16px;}
        .movie-card .movie-info button {padding:5px 10px; border:none; border-radius:5px; background:#ff4c4c; color:#fff; font-size:12px;}

        /* Coming Soon */
        .coming-soon {display:flex; flex-wrap:wrap; gap:20px; padding:20px 50px;}
        .coming-card {flex:1 1 200px; background:#1a1a1a; border-radius:10px; overflow:hidden; transition:0.3s; cursor:pointer;}
        .coming-card img {width:100%; display:block;}
        .coming-card .coming-info {padding:15px;}
        .coming-card .coming-info h4 {margin-bottom:10px;}
        .coming-card .coming-info .countdown {color:#ff4c4c; font-weight:700;}

        /* Trailers Section */
        .trailers {display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:20px; padding:20px 50px;}
        .trailer-card {position:relative; border-radius:10px; overflow:hidden; cursor:pointer;}
        .trailer-card img {width:100%; display:block;}
        .trailer-card video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 0.3s;}
        .trailer-card:hover video {opacity:1;}

        /* Latest Releases */
        .latest {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; padding:20px 50px;}

        /* Footer */
        footer {background:#111; padding:30px 50px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
        footer .footer-section {flex:1 1 200px;}
        footer h4 {margin-bottom:15px; color:#ff4c4c;}
        footer a {display:block; margin-bottom:10px; color:#ccc; transition:0.3s;}
        footer a:hover {color:#fff;}
        footer p {color:#aaa; margin-top:10px; font-size:14px;}

        /* Responsive */
        @media(max-width:768px){
            header {flex-direction:column; gap:15px;}
            .hero-content h1 {font-size:40px;}
            .section-title {margin:30px 20px 10px 20px;}
            .carousel, .coming-soon, .trailers, .latest {padding:20px 20px;}
        }