body{background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--primary: #000;--second: #fff;--third: #222;--forth: #007bff}.carousel-wrapper{display:flex;justify-content:center;align-items:center;padding:40px 0;background-color:#000}.movie-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:20px;max-width:90vw;list-style:none;margin:0}.movie-card{flex:0 0 auto;scroll-snap-align:center;width:200px;background-color:var(--third);color:var(--second);border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:15px;text-align:center;transition:transform .3s ease}.movie-card:hover{transform:scale(1.05)}.movie-poster img{width:100%;border-radius:8px;margin-bottom:10px}.movie-info p{font-size:14px;margin:8px 0}.movie-carousel::-webkit-scrollbar{display:none}.movie-carousel button{background-color:var(--forth);color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.movie-carousel button:hover{background-color:#0056b3}.nav-button{position:absolute;transform:translateY(-50%);background-color:var(--third);border:none;font-size:2rem;padding:10px;cursor:pointer;z-index:2;border-radius:5%;box-shadow:0 2px 6px #0003}.nav-button.left{margin:5px;left:10px}.nav-button.right{margin:5px;right:10px}.movie-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--third);color:var(--second);padding:25px;border-radius:12px;max-width:700px;width:90%;text-align:center;box-shadow:0 8px 20px #0003;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content img{width:70%;max-width:250px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 10px #0000001a}.modal-content h2{font-size:20px;margin-bottom:10px;color:var(--second)}.modal-content p{font-size:16px;color:var(--second);margin-bottom:20px;line-height:1.4}.modal-content button{background-color:#007bff;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.modal-content button:hover{background-color:#0056b3}.modal-content{position:relative}.modal-content button.favorite-button{position:absolute;top:10px;right:10px;background-color:#ff0;color:#000;border:none;padding:10px 14px;border-radius:50%;font-size:18px;cursor:pointer;transition:background-color .3s ease}.modal-content button.favorite-button.active{background-color:orange}.favorites-header button{background-color:gold;color:#000;border:none;border-radius:8px;padding:10px 16px;margin:10px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.favorites-header button:hover{background-color:#ffc107}.favorites-list{margin:20px}.favorites-list h3{margin-bottom:10px}.header{background-color:#222;padding:20px 0;text-align:center;border-radius:5px}.header h1{font-size:36px;margin:0;font-weight:700}.header .blue{color:#007bff}.header .orange{color:#ffb347}.search-section{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px}.search-section input{padding:10px;width:300px;border-radius:6px;border:none;font-size:16px;background-color:#303030}.search-section button{padding:10px 16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}.search-section button:hover{background-color:#0056b3}.error-tab{background-color:#ffe0e0;border:1px solid #ff4d4d;padding:16px;margin-top:20px;border-radius:8px;color:#900;max-width:400px;box-shadow:0 2px 6px #0003}.error-tab h3{margin:0 0 8px;font-size:18px}.error-tab p{margin:0 0 12px}.error-tab{background-color:#ffe0e0;border:1px solid #ff4d4d;padding:16px;margin-top:20px;border-radius:8px;color:#900;max-width:400px;box-shadow:0 2px 6px #0003;text-align:center}.error-tab button{background-color:#ff4d4d;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin:12px auto 0;display:block}.error-tab button:hover{background-color:#c00}