*{box-sizing:border-box}*,body,html{margin:0;padding:0}#app,body,html{width:100%;height:100%}#app{background-color:#fff;color:#000}.navbar{justify-content:space-between;padding:20px;background-color:#000;color:#fff}.navbar,.navbar-left{display:flex;align-items:center}.logo{font-size:2.5em;margin-right:20px}.navbar-right{display:flex;align-items:center}.mode-toggle,.nav-button{margin-left:20px;padding:10px;border:none;background-color:transparent;color:#fff;cursor:pointer;font-size:1.1em}.dropdown-button:after{content:"▼";padding-left:5px;font-size:.8em}.dropdown-button:hover:after{color:#007bff}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:#000;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown-content img{width:20px;height:auto;margin-right:5px}.search-filter-container{display:flex;justify-content:center;align-items:center;padding:20px}.search-bar{display:flex;align-items:center;margin-right:20px}.search-input{padding:10px;width:350px;font-size:1.2em;background-color:#d3d3d377}.search-button,.search-input{border:none;border-radius:50px}.search-button{padding:12px 20px;margin-left:10px;background-color:#333;color:#fff;cursor:pointer;font-size:1em}.filter-section{padding:20px}.loading{display:flex;justify-content:center;align-items:center;height:100vh}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#333;border-radius:50%;width:36px;height:36px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pagination{display:flex;justify-content:center;padding:20px}.pagination span{display:inline-block;padding:10px;border:1px solid #ccc;border-radius:4px;margin:0 5px}.pagination button{margin:0 5px;padding:10px 20px;border:none;background-color:#f0f0f0;cursor:pointer;transition:background-color .3s ease}.pagination button:hover{background-color:#ddd}.filter-button,.pagination button.active{background-color:#007bff;color:#fff}.filter-button{padding:12px 20px;border:none;border-radius:50px;margin-left:10px;cursor:pointer;font-size:1em}.filter-options{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);border-radius:50px;background-color:#f7f7f7;border:1px solid #ccc;border-top:none}.filter-list{list-style:none;padding:0;display:flex;justify-content:center}.filter-list li{margin:0;font-size:1.21em;cursor:pointer;padding:15px;background-color:#f7f7f7}.filter-list li:hover{background-color:#e3e3e3}.filter-list input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;background-color:#fff;border-radius:50%;cursor:pointer;vertical-align:middle;position:relative}.filter-list input[type=checkbox]:checked:before{content:"";display:block;width:9px;height:9px;background-color:#007bff;border-radius:50%;position:absolute;top:3px;left:3px}.movie-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;width:90%}.movie-card{width:23%;margin:1%;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);background-color:#fff;padding:10px;box-sizing:border-box}.movie-card-header{display:flex;justify-content:space-between;margin-bottom:10px}.movie-card-date,.movie-card-language{background-color:#007bff;color:#fff;padding:5px;border-radius:3px;border:none;font-size:.8em}.movie-card-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:5px;transition:transform .3s ease-in-out}.movie-card-image:hover{transform:scale(1.1)}.movie-card-content{padding:10px}.movie-card-title{margin:0;font-size:1.2em;font-weight:700;transition:color .3s ease-in-out}.movie-card-title:hover{color:#007bff}.movie-card-description{margin-top:10px;font-size:.9em}.movie-card-info{margin-top:10px;font-size:.8em;color:#666}.footer{width:100%;background-color:#000;color:#bdc3c7;padding:30px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #555}.footer-left,.footer-right{flex:1;padding:20px;text-align:center}.footer-left{border-right:1px solid #7f8c8d;padding-right:20px}.logo-text{font-size:1.5em;font-weight:700;margin-bottom:5px;text-transform:uppercase;letter-spacing:2px}.footer-description{margin-bottom:20px;font-size:1em}.footer-heading{font-size:1.3em;font-weight:700}.footer-contact{margin-bottom:10px}.socials{display:flex;justify-content:center;padding:20px 0}.socials a{color:#bdc3c7;font-size:1.8em;margin-right:20px;transition:color .3s ease}.socials a:hover{color:#3498db}.contact-form{width:calc(33% - 20px)}.contact-input{width:100%;margin-bottom:10px;border-radius:5px}.contact-btn{width:100%;background-color:#007bff;color:#fff;border:none;border-radius:5px}.footer-bottom{margin-top:20px;border-top:1px solid #666;padding-top:10px;text-align:center;font-size:.9em;color:#ccc;position:fixed;bottom:0;width:100%}:root{--main-color:#eee;--dark-bg-color:#333}.dark-mode{background-color:var(--dark-bg-color);color:var(--main-color)}body.dark-mode input.search-input{color:#fff!important}.dark-mode .navbar{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#000;color:#fff}.dark-mode .mode-toggle,.dark-mode .nav-button{margin-left:20px;padding:10px;border:none;background-color:transparent;color:#fff;cursor:pointer;font-size:1.1em}.dark-mode .movie-card-date,.dark-mode .movie-card-language{background-color:#333;color:#fff;padding:5px;border-radius:3px;border:none;font-size:.8em}.dark-mode .filter-button{background-color:#007bff;color:#eee}.dark-mode .select{background-color:#333;color:#eee}.dark-mode .movie-card{background-color:#111;color:#eee;border:1px solid #333}.dark-mode .search-input{background-color:#d3d3d377;color:#fff}.dark-mode .search-input::-moz-placeholder{color:#eeeeee95;font-family:Arial,Helvetica,sans-serif}.dark-mode .search-input::placeholder{color:#eeeeee95;font-family:Arial,Helvetica,sans-serif}.dark-mode button{background-color:#444;color:#eee;border:none;border-radius:50px;cursor:pointer;font-size:1em}.dark-mode .filter-options{background-color:#333;border:1px solid #eee}.dark-mode .filter-list li{background-color:#444;color:#eee}.dark-mode .filter-list li:hover{background-color:#444}.dark-mode .filter-list input[type=checkbox]{background-color:#333}.dark-mode .filter-list input[type=checkbox]:checked:before{background-color:#eee}@media (max-width:360px){.navbar{flex-direction:column}.navbar-left,.navbar-right{width:100%;justify-content:space-around;margin-bottom:10px}.search-filter-container{flex-direction:column}.search-bar{margin-bottom:20px}.search-input{width:100%}.movie-card{width:90%}.footer{flex-direction:column;text-align:center}.footer-left,.footer-right{border-right:none;padding-right:0}.footer-contact{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.footer-bottom{margin-top:20px;border-top:1px solid #666;padding-top:10px;text-align:center;font-size:.9em;color:#ccc;position:relative}.socials{margin-bottom:20px;position:relative}.socials:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;border-bottom:1px solid #ccc}}@media (min-width:361px) and (max-width:375px){.navbar{flex-direction:column}.navbar-left,.navbar-right{width:100%;justify-content:space-around;margin-bottom:10px}.search-filter-container{flex-direction:column}.search-bar{margin-bottom:20px}.search-input{width:100%}.movie-card{width:90%}.footer{flex-direction:column;text-align:center}.footer-left,.footer-right{border-right:none;padding-right:0}.footer-contact{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.footer-bottom{margin-top:20px;border-top:1px solid #666;padding-top:10px;text-align:center;font-size:.9em;color:#ccc;position:relative}.socials{margin-bottom:20px;position:relative}.socials:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;border-bottom:1px solid #ccc}}@media (min-width:376px) and (max-width:720px){.navbar{flex-direction:column}.navbar-left,.navbar-right{width:100%;justify-content:space-around;margin-bottom:10px}.search-filter-container{flex-direction:column}.search-bar{margin-bottom:20px}.search-input{width:100%}.movie-card{width:90%}.footer{flex-direction:column;text-align:center}.footer-left,.footer-right{border-right:none;padding-right:0}.footer-contact{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.footer-bottom{margin-top:20px;border-top:1px solid #666;padding-top:10px;text-align:center;font-size:.9em;color:#ccc;position:relative}.socials{margin-bottom:20px;position:relative}.socials:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;border-bottom:1px solid #ccc}}#app.dark-mode{background-color:#222;color:#eee}