body,h1{margin:0}#watchlist-container,.movie-catalog{flex-wrap:wrap;display:flex;gap:20px}.rating,.watchlist-btn,button{cursor:pointer}#search-bar:focus,#search-bar:hover{border-color:#f01e29;background-color:#2e2e2e}#about-us,#search-bar{background-color:#1e1e1e;color:#fff}#about-us,#watchlist-section{margin:20px}#about-us,header{box-shadow:0 4px 8px rgba(0,0,0,.6)}.watermark,h1{font-weight:700}#recommendations,.movie-info,header{text-align:center}body{font-family:Poppins,sans-serif;padding:0;background:#141414;color:#fff;overflow-x:hidden}header{padding:40px;background:#f01313}h1{font-size:4rem;text-transform:uppercase;color:#fff;letter-spacing:2px}.movie-info h3,h3{font-size:1.2rem;margin-bottom:10px;font-weight:600}button{margin-top:20px;padding:10px;border-radius:5px;background-color:#fff;color:#000;border:2px solid #e50914}button:hover{background-color:#cc5d63;color:#fff;border:2px solid #f40612}.movie-catalog{justify-content:center;padding:30px;transition:.3s}.movie{transition:transform .3s,box-shadow .3s;transform:scale(1)}.movie img{object-fit:cover;transition:transform .3s ease-in-out;width:100%;height:100%;object-fit:cover}.movie:hover img{transform:scale(1.05)}.movie:hover .movie-info{bottom:0;opacity:1}.movie-info h3{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.play-btn{transition:.3s}.play-btn:hover{transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.movie:nth-child(odd){animation-delay:.2s}.movie:nth-child(2n){animation-delay:.4s}.rating{display:flex;gap:5px;margin-top:10px}.rating span{font-size:20px;color:gold}.avg-rating{font-size:14px;color:#fff;margin-top:5px}.watchlist-btn{background-color:#ff5722;color:#fff;border:none;padding:10px}#search-bar{display:block;width:50%;margin:20px auto;padding:10px;font-size:1rem;border:2px solid #333;border-radius:30px;transition:.3s ease-in-out;box-shadow:0 0 10px rgba(255,255,255,.2)}#search-bar::placeholder{color:#aaa;opacity:.8;transition:opacity .3s}#search-bar:focus{outline:0;box-shadow:0 0 15px rgba(240,30,41,.7);animation:.5s ease-in-out grow}#search-bar:focus::placeholder{opacity:0}@keyframes grow{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}#recommendations{margin:50px 0}#recommendations h2{font-size:2rem;color:#fff;margin-bottom:20px}#recommendation-catalog{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}#about-us{padding:20px;border-radius:10px}.logout-btn,.play-btn{border:none;cursor:pointer}.logout-btn{margin-top:10px;width:15%;background:#fff;color:#000;padding:8px 0;border-radius:5px;font-size:14px;transition:background-color .3s}.logout-btn:hover{background-color:#da9393}.movie{animation:.6s ease-out fadeInUp;position:relative;width:230px;height:320px;border-radius:15px;overflow:hidden}.watermark{position:absolute;top:50%;left:46%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;opacity:.3;pointer-events:none}.movie:hover{box-shadow:0 20px 40px rgba(0,0,0,.6);transform:scale(1.05);box-shadow:0 15px 30px rgba(0,0,0,.5)}.movie-info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:rgba(0,0,0,.7);border-radius:0 0 15px 15px;opacity:0;transition:opacity .3s}.play-btn{background-color:#e50914;color:#fff;padding:8px 16px;border-radius:5px;font-size:1rem}.play-btn:hover{background-color:#f40612}#video-player{right:50;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);z-index:1000;overflow:hidden;transition:opacity .3s ease-in-out}#video-player iframe{width:100%;height:auto;max-width:95vw;max-height:95vh;border:none;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}#video-player .close-btn:hover{background:rgba(255,255,255,.7)}@media (max-width:1024px){.movie{width:200px;height:280px}h1{font-size:3rem}.player-content{width:85%}}@media (max-width:768px){.movie{width:180px;height:260px}h1{font-size:2.5rem}.movie-info h3{font-size:1rem}.play-btn{font-size:.9rem;padding:6px 12px}#video-player iframe{width:90vw;height:50vh}}@media (max-width:480px){.movie{width:150px;height:220px}.movie-info h3{font-size:.9rem}h1{font-size:2rem}.play-btn{font-size:.8rem;padding:5px 10px}video{width:100%;height:100%}#video-player iframe{width:95vw;height:55vh}}