body,html{margin:0;padding:0;height:100%;background-color:#000;color:#e1d7d7;font-family:Georgia,Times New Roman,Times,serif}.app-container{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:transparent;color:#e1d7d7;font-family:Georgia,Times New Roman,Times,serif;z-index:1000;position:fixed;top:0;left:0;width:100%;box-sizing:border-box}.navbar:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#000000f2,#0009,#0003 60%,#0000)}.navbar>*{position:relative;z-index:2}.navbar.scrolled:before{background:linear-gradient(to bottom,#000000fa,#000c 40%,#0006,#0000)}.logo{font-size:1.7rem;font-weight:700;color:#f12828}.nav-links{font-size:1.2rem;list-style:none;display:flex;gap:25px;margin:0;padding:0}.nav-links li{cursor:pointer;transition:.5s ease-in-out;margin:5px;padding:5px 10px}.nav-links li:hover{color:#ee3030;background-color:#ffffff4d;border-radius:10%}.nav-links li a{text-decoration:none;color:inherit}.trending-carousel{width:100%;height:65vh;position:relative;overflow:hidden;margin-top:0;z-index:1}.trending-label{position:absolute;top:20px;left:20px;color:#fff;font-size:1.6rem;font-weight:700;z-index:10;top:9vh}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{width:100%;height:100%;background-size:cover;background-position:center;position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease;z-index:1}.carousel-slide.active{opacity:1;z-index:5}.carousel-slide.inactive{opacity:0;z-index:0}.movie-info{position:absolute;bottom:30px;left:30px;color:#fff;max-width:50%;background:#00000073;padding:15px;border-radius:8px}.movie-info h2{margin:0;font-size:2rem}.movie-info p{margin-top:8px;font-size:1rem;color:#ddd}.carousel-arrows{position:absolute;bottom:20px;right:20px;z-index:10;display:flex;gap:10px}.arrow{background:#0009;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:6px 12px;border-radius:6px}.arrow:hover{background:#f12828d9}.rows-container{padding:20px 30px 60px;background:transparent}.section-row{margin:18px 0;position:relative}.section-title{color:#e1d7d7;margin:8px 0 12px 12px;font-size:1.4rem}.row-wrapper{position:relative;display:flex;align-items:center}.row-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0009;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:8px 10px;border-radius:6px}.row-arrow.left{left:0}.row-arrow.right{right:0}.cards-container{margin:0 48px;display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:none}.cards-container::-webkit-scrollbar{display:none}.movie-card-row{width:180px;flex:0 0 180px;background-color:#323643e6;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.movie-card-row:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 30px #0009}.card-poster{width:100%;height:270px;object-fit:cover;display:block}.no-image-card{width:100%;height:270px;display:flex;align-items:center;justify-content:center;background:#606470;color:#e1d7d7}.card-body{padding:10px;color:#e1d7d7;display:flex;flex-direction:column;gap:6px;height:100%}.card-title{margin:0;font-size:.95rem;color:#f12828;line-height:1.1;height:2.2em;overflow:hidden}.card-meta{font-size:.85rem;color:#ddd}.card-overview{margin-top:auto;font-size:.8rem;color:#cfcfcf;line-height:1.05rem;height:2.6em;overflow:hidden}@media(max-width:900px){.movie-card-row{width:150px;flex:0 0 150px}.card-poster{height:220px}}@media(max-width:600px){.movie-card-row{width:130px;flex:0 0 130px}.card-poster{height:180px}.movie-info h2{font-size:1.2rem}.movie-info p{font-size:.9rem}}.footer{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#000;color:#e1d7d7;font-family:Georgia,Times New Roman,Times,serif;width:100%;box-sizing:border-box}.footer-logo{font-size:1.7rem;font-weight:700;color:#f12828}.footer-links{font-size:1.2rem;list-style:none;display:flex;gap:25px;margin:0;padding:0}.footer-links li{cursor:pointer;transition:.5s ease-in-out;margin:5px;padding:5px 10px}.footer-links li:hover{color:#ee3030}.footer-links li a{text-decoration:none;color:inherit}.search-page{padding:60px 50px 50px;min-height:calc(100vh - 100px);color:#e1d7d7;background-color:#000;font-family:Georgia,Times New Roman,Times,serif}.search-form{display:flex;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.search-form input{flex:1;padding:10px;font-size:1rem;border-radius:5px 0 0 5px;border:1px solid #f12828;background-color:#323643;color:#e1d7d7}.search-form button{padding:10px 20px;font-size:1rem;border-radius:0 5px 5px 0;border:1px solid #f12828;cursor:pointer;background-color:#f12828;color:#fff;transition:.3s}.search-form button:hover{background-color:#ee3030}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding-bottom:50px}.movie-card{background-color:#323643e6;padding:10px;border-radius:10px;text-align:center;color:#e1d7d7;display:flex;flex-direction:column;height:480px;justify-content:flex-start;transition:transform .3s,background-color .3s}.movie-card:hover{transform:scale(1.03);background-color:#323643}.movie-card img{width:100%;border-radius:10px;height:250px;object-fit:cover}.movie-card .no-image{width:100%;height:250px;display:flex;justify-content:center;align-items:center;background-color:#606470;border-radius:10px;color:#e1d7d7}.movie-card h3{margin:10px 0 5px;color:#f12828;font-size:1.1rem}.movie-card p{font-size:.85rem;line-height:1.1rem;margin:3px 0}.movie-card .overview{margin-top:auto}.loading,.no-results{text-align:center;color:#f12828;font-size:1.2rem;margin:20px 0}.movie-page{padding:50px;color:#e1d7d7;background-color:#000;font-family:Georgia,Times New Roman,Times,serif;min-height:calc(100vh - 100px)}.movie-page h1{color:#f12828;margin-bottom:20px;text-align:center}.video-container{margin:20px 0;display:flex;justify-content:center}.movie-details{background-color:#323643e6;padding:20px;border-radius:10px;max-width:900px;margin:0 auto}.movie-details p{margin:10px 0;font-size:1rem;line-height:1.3rem}.loading{text-align:center;color:#f12828;font-size:1.2rem;margin:20px 0}