*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background-color:#000;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit}body{margin:0;background-color:#121212;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{text-align:center;min-height:100vh}.movie_empty{display:flex;flex-direction:column;align-items:center;margin:15px;width:200px;transition:transform .2s}.movie_card{position:relative;width:100%;height:300px;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:transform .3s}.movie_card img{width:100%;height:100%;object-fit:cover;border-radius:12px}.movie_card:hover{transform:scale(1.05)}.movie_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .3s;display:flex;justify-content:flex-end;padding:10px}.movie_card:hover .movie_overlay{opacity:1}.fav-btn{background-color:#ffffff1a;border:2px solid #fff;border-radius:50%;padding:10px;font-size:18px;color:#fff;cursor:pointer;transition:all .3s ease;position:absolute;top:10px;right:10px;z-index:1}.fav-btn:hover{background-color:#ffffff4d}.fav-btn.active{color:red;background-color:#150749cb;border-color:#150749cb}.movie_info{text-align:center;margin-top:8px}.movie_info h3{font-size:1rem;font-weight:600;color:#fff}.movie_info p{font-size:.875rem;color:#bbb}.modal_backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal_overlay{background:#090330;color:#fff;padding:2rem;border-radius:10px;position:relative;width:80%;max-width:600px;box-shadow:0 0 20px #000c}.close_btn{position:absolute;top:1rem;display:flex;justify-content:center;align-items:center;right:1rem;width:30px;height:30px;background-color:#d96c00;border-radius:15px;color:#fff;font-size:1.5rem;border:none;cursor:pointer}.close_btn svg:hover{fill:#000;transition:.2s ease;transform:scale(1.1)}.movie_info,.modal_info{text-align:center;margin-top:8px}.modal_info h3{font-size:1.5rem;font-weight:600;color:#fff}.modal_info p{font-size:1.4rem;color:#bbb}.release_date{font-size:.4rem}.Home_Page{padding:30px 40px;background-color:#cc7c0cae;min-height:100vh;color:#fff}.Search_area{display:flex;justify-content:center;margin-bottom:30px;color:#fff}.Search_bar{width:300px;padding:10px 14px;border:none;border-radius:6px 0 0 6px;font-size:1rem;outline:none}.search_btn{padding:10px 14px;background-color:#0f0748;border:none;border-radius:0 6px 6px 0;font-weight:700;cursor:pointer;color:#e99a08;transition:background-color .3s}.search_btn:hover{background-color:#210796}.movie_grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.loading,.error_msg{text-align:center;font-size:1.2rem;color:#e99a08}.favorites-container{padding:2rem;color:#fff;min-height:100vh;background-color:#cc7c0cae}.favorites-container h2{font-size:3rem;font-weight:800;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;margin-bottom:1.5rem;color:#fff}.favorites-container p{font-weight:400;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;color:#fff;margin-bottom:1.5rem}.fav_movie_grid{justify-items:left;justify-content:left;align-items:left;display:flex;flex-wrap:wrap;gap:20px}.navbar p{font-weight:800;font-style:bold;font-family:IBM Plex Sans}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#0f0748;padding:15px 30px;color:#fff;font-family:IBM Plex Sans;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px #0006}.navbar a{text-decoration:none;color:#e99a08;font-size:1.4rem;font-weight:700}.navbar_links{display:flex;gap:25px}.nav_link{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav_link:hover{color:#975b00}