body{background-color:#121212;color:#e0e0e0;font-family:Roboto,sans-serif;margin:0;padding:0}.popular-movies-heading{color:#f5f5f5}header{background-color:#1e1e1e;box-shadow:0 4px 8px #0000004d;justify-content:center;padding:.8rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content,header{align-items:center;display:flex}.header-content{gap:2rem}.logo{color:#f50057;font-size:2rem;font-weight:700;padding-right:30px;text-decoration:none}nav ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}nav ul li a{color:#e0e0e0;font-size:1.2rem;text-decoration:none;transition:color .3s,transform .3s}nav ul li a:hover{color:#f50057;transform:scale(1.1)}.container{margin:0 auto;padding:2rem;width:1400px}.movie{align-items:center;background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px #0006;display:flex;margin:1rem 0;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.movie:hover{box-shadow:0 6px 10px #00000080;transform:scale(1.02)}.movie img{border-radius:8px;margin-right:1rem;width:15%}.movie h3{color:#f5f5f5;font-size:28px;margin:0 0 5px;text-decoration:underline}.movie a{color:#90caf9;font-size:20px;text-decoration:none;transition:color .3s ease}.movie a:hover{color:#f50057}button{background-color:#6200ea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#3700b3}.search-input{background-color:#2e2e2e;border:1px solid #ccc;border-radius:4px;color:#fff;font-size:1rem;margin-bottom:1rem;max-width:500px;padding:.8rem;width:100%}.search-input:focus{border-color:#6200ea;outline:none}.movie-list{list-style-type:none;padding:0}.movie-item{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;margin-bottom:20px;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.movie-item:hover{box-shadow:0 6px 10px #00000080;transform:scale(1.02)}.movie-poster{margin-right:1rem}.movie-poster,.no-image{border-radius:8px;width:100px}.no-image{align-items:center;background-color:#ccc;color:#555;display:flex;font-size:12px;height:150px;justify-content:center;margin-right:10px}.movie-details{display:flex;flex-direction:column;margin:2rem}.movie-details a{color:#90caf9;font-size:24px;margin:8px 0;text-decoration:none;transition:color .3s ease}.movie-details a:hover{color:#f50057}.movie-details h2{color:#f5f5f5;margin:0 0 10px;text-decoration:underline}.movie-details p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:8px 0}.movie-details strong{color:#f50057}.movie-details-page{background-color:#121212;color:#f5f5f5;font-family:Arial,sans-serif;padding:20px}.movie-header{align-items:flex-start;display:flex;gap:20px}.movie-poster{flex-shrink:0;width:30%}.movie-title-section{display:flex;flex:1 1;flex-direction:column}.movie-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-decoration:underline}.movie-meta{display:flex;flex-direction:column;gap:10px}.movie-info{margin-top:20px}.movie-footer p,.movie-meta p{font-size:1.1rem;margin:8px 0}.movie-footer p strong,.movie-meta p strong{font-weight:700}.movie-overview h2{color:#fff;font-size:1.5rem;margin-bottom:10px}.movie-overview p{font-size:1.1rem;line-height:1.6}.movie-footer{margin-top:30px}.movie-footer p{font-size:1rem}.movie-poster:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.movie-details-page{animation:fadeIn 1s forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.modal-overlay{align-items:center;background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#000;border-radius:8px;max-width:800px;padding:20px;position:relative;width:80%}.close-button{background:#ff4b4b;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}.close-button:hover{background:#ff1e1e}.trailer-button{background:#07f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.trailer-button:hover{background:#005bbb}
/*# sourceMappingURL=main.442f5239.css.map*/