@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box}body{background-color:#323232;font-family:Poppins;color:#fff}.footer-left{display:flex;align-items:center;gap:10px}footer{background-color:#000}.container{margin:10px 20px}.header{position:relative;width:100%;height:400px;overflow:hidden}.movie-background{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;filter:opacity(30%)}.search-form{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);background:#0009;padding:20px;border-radius:10px;color:#fff;text-align:center;display:flex;flex-direction:column;gap:10px}.search_title{margin-bottom:10px}.search-form input{padding:10px;margin-right:10px;border-radius:5px;border:none;width:100%}.search-form button{padding:10px 15px;border:none;border-radius:5px;background-color:tomato;color:#fff;cursor:pointer}.nav-search{padding:50px;text-align:center;display:flex;gap:10px;justify-content:center}.link__home h3{margin:10px 20px}.search-input{width:50%;padding:30px 20px;border:none;border-radius:20px}.button{width:100px;border:none;border-radius:5px;background-color:#8b1f0c;color:#fff;font-size:20px;font-weight:600}.search-img-icon{padding:40px 0;display:flex;justify-content:center;width:50vh;height:50vh;text-align:center}.search-main-pages{display:flex;justify-content:center;align-items:center}.logo{background-color:#000;padding:5px}.img-logo{width:50px;height:50px;background-color:#fff;border-radius:50%}.container{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin:5px 20px}.nav-left{display:flex;align-items:center;gap:10px}.nav-right{display:flex;gap:10px;color:#fff}.nav-right a{text-decoration:none}h3{color:#fff;font-weight:500;font-size:15px;font-family:Poppins}h3:hover{font-size:16px;font-weight:700;text-decoration:underline;transition:.5s ease-out}.movie_card_list-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1200px;margin:0 auto}.movie_list-skeleton{background-color:#e0e0e0;padding:12px;border-radius:10px;box-shadow:0 4px 10px #0000000d;text-align:center;height:300px;width:200px;overflow:hidden;position:relative}.img-load-skeleton{width:100%;height:200px;background-color:silver;border-radius:6px;margin-bottom:10px;display:block}.title-loading-skeleton{width:80%;height:20px;background-color:silver;border-radius:4px;margin:0 auto 5px;display:block}.detail-list-skeleton{width:60%;height:15px;background-color:silver;border-radius:4px;margin:0 auto;display:block}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.movie_list-skeleton:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d 20%,#fff9,#fff0);animation:shimmer .5s infinite linear}.movie_lists{padding:40px 15px 80px;background-color:#f4f4f4}.title{text-align:center;margin-bottom:30px;font-size:2rem;font-weight:700;color:#333}.movie_card_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;max-width:1200px;margin:0 auto}.movie_list{background-color:#fff;padding:12px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;transition:transform .2s ease,box-shadow .2s ease;height:300px;width:200px;position:relative;overflow:hidden}.movie_list:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.movie_list img{width:100%;max-height:200px;object-fit:cover;border-radius:6px;margin-bottom:10px;transition:filter .3s ease}.movie_list:hover img{filter:blur(5px)}.movie_list h4{font-size:1rem;margin-bottom:5px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie_list span{font-size:.85rem;color:#666}.movie__button{padding:8px 15px;background-color:tomato;border:none;border-radius:5px;color:#fff;font-size:14px;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2}.movie_list:hover .movie__button{opacity:1;pointer-events:auto}.movie_list:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;border-radius:10px;transition:background-color .3s ease;z-index:1}.movie_list:hover:before{background-color:#0000004d}.container-item{max-width:720px;margin:0 auto;display:flex;gap:30px}img{border-radius:10px;border:none}.detail-right-side{display:flex;flex-direction:column;gap:10px}button{padding:5px 10px;background-color:#78281a;font-size:14px;color:#fff;font-weight:600;border:none;border-radius:10px}button:hover{background-color:tomato;font-weight:700}.container-item{display:flex;gap:2rem;padding:2rem;align-items:flex-start}.img-left-side .movie-img-skeleton{width:300px;height:450px;background-color:silver;border-radius:8px;animation:pulse 1.5s infinite ease-in-out}.detail-right-side{flex:1;display:flex;flex-direction:column;gap:1.2rem}.title-skeleton{width:70%;height:30px;background-color:silver;border-radius:6px;animation:pulse .5s infinite ease-in-out}.released-skeleton{width:40%;height:20px;background-color:silver;border-radius:6px;animation:pulse .5s infinite ease-in-out}.detail-skeleton{width:100%;height:180px;background-color:silver;border-radius:6px;animation:pulse .5s infinite ease-in-out}.submit{width:120px;height:100px;background-color:silver;border-radius:6px;border:none;animation:pulse .5s infinite ease-in-out}@keyframes pulse{0%{background-color:rgba(255,255,255,0) 0%}50%{background-color:rgba(255,255,255,.3) 20%}to{background-color:rgba(255,255,255,.6) 60%}}