*{margin:0;box-sizing:border-box}.Navbar{display:flex;justify-content:space-between;align-items:center;background-color:#141414;padding:16px 90px;color:#fff;box-shadow:0 2px 8px #0003;position:sticky;top:0;z-index:100;margin-bottom:20px}.Navbar h1{margin:0;font-size:24px;font-weight:600;letter-spacing:1px}.search-form{display:flex;gap:10px;align-items:center}.search-input{height:36px;width:220px;padding:0 12px;border:1px solid #555;border-radius:6px;background-color:#1e1e1e;color:#fff;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 6px #007bff66;background-color:#2b2b2b}.search-button{height:36px;padding:0 16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.search-button:hover{background-color:#0056b3;transform:scale(1.03)}.search-button:active{transform:scale(.97)}@media (max-width: 600px){.Navbar{flex-direction:column;align-items:flex-start;gap:10px}.search-form,.search-input{width:100%}}.container h1{text-align:center;padding:10px}.title{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;padding:10px 0}.movie-card{width:400px;text-align:center;cursor:pointer;border-radius:10px;height:320px;box-shadow:3px 3px 10px 1px #555}.movie-card img{width:100%;height:225px;border-radius:10px;object-fit:cover;transition:.3s}.movie-card h2{margin:6px}.movie-card img:hover{width:100%;height:235px;border-radius:10px;object-fit:cover;transition:.3s}.movie-card-img{object-fit:cover;width:100%;height:225px;overflow:hidden;position:relative;border-radius:10px}.pagination{display:flex;align-items:center;gap:12px;margin-top:30px;margin-bottom:10px;justify-content:center}.pagination button{padding:8px 16px;border:1px solid black;background-color:transparent;color:#000;font-size:14px;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.pagination button:hover:not(:disabled){background-color:#000;color:#fff;transform:scale(1.05)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-weight:500;color:#000;font-size:14px}.loader-wrapper{display:flex;justify-content:center;align-items:center}.loader{width:100px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.container.blur{filter:blur(4px);pointer-events:none}.movie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999}.movie-details{background:#fff;padding:20px;border-radius:10px;width:90%;max-width:600px;text-align:center;color:#000;position:relative;box-shadow:0 0 20px #00000080}.movie-details img{max-width:100%;border-radius:10px;margin-bottom:15px}.movie-details button{margin-top:15px;padding:8px 20px;background-color:#000;color:#fff;border:none;border-radius:5px;cursor:pointer}.loader-wrapper{display:flex;justify-content:center;align-items:center;height:200px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#1a1a1a99;padding:20px;border-radius:10px;max-width:40%;max-height:90%;overflow-y:auto;text-align:center;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.modal-content img{width:50%;max-height:70vh;object-fit:cover;border-radius:8px;margin-bottom:15px}.modal-content button{margin-top:15px;padding:10px 20px;background:#e50914;border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.container-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0}.container-btns button{background-color:#e50914;color:#fff;border:none;padding:10px 18px;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;font-weight:600}.container-btns button:hover{background-color:#f40612;transform:scale(1.05)}.container-btns button:active{transform:scale(.97)}.scroll-top-btn{position:fixed;bottom:30px;right:10px;background-color:#000;color:#fff;border:none;border-radius:50%;padding:15px;font-size:20px;cursor:pointer;z-index:999;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.scroll-top-btn:hover{transform:scale(1.1)}