.navbar{background-color:#3a3a3a;padding:12px 3%;font-weight:700;position:relative}.navbar .navbar-content{display:flex;align-items:center;justify-content:space-between}.navbar .navbar-content .title{display:flex;align-items:center;color:#cea811;font-size:22px}.navbar .navbar-content .title:before{content:"";display:inline-block;background-image:url(/favicon.svg);background-size:contain;background-repeat:no-repeat;width:24px;height:24px;margin-right:8px;padding-bottom:8px}.navbar .navbar-content .menu{list-style:none;display:flex;padding:0;margin:0 0 0 20px}.navbar .navbar-content .menu .menu-item{color:#f1f5f9;font-size:16px;margin-left:15px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.navbar .navbar-content .menu .menu-item a{text-decoration:none;color:inherit;display:block}.navbar .navbar-content .menu .menu-item .active-link{color:#cea811}.navbar .navbar-content .menu .menu-item:hover{background-color:#cea811;color:#f1f5f9}.navbar .navbar-content .menu .menu-item:hover .active-link{color:#3a3a3a}@media (max-width: 768px){.navbar .navbar-content .menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#3a3a3a;z-index:1000;margin-left:0}.navbar .navbar-content .menu.open{display:flex}.navbar .navbar-content .menu .menu-item{margin-left:0;text-align:center;padding:16px;width:100%;box-sizing:border-box;border-radius:0;border-top:1px solid #f1f5f9}.navbar .navbar-content .menu .menu-item .active-link{color:#cea811}.navbar .navbar-content .menu .menu-item:hover{background-color:#cea811;border-radius:0;color:#f1f5f9}.navbar .navbar-content .menu .menu-item:hover .active-link{color:#3a3a3a}}.navbar .navbar-content .menu-toggle{display:none;background:none;border:none;color:#f1f5f9;font-size:24px;cursor:pointer}@media (max-width: 768px){.navbar .navbar-content .menu-toggle{display:block}}.navbar .navbar-content .menu-toggle:active svg{color:#cea811}.movie-rate{display:flex;gap:4px}.movie-rate svg{color:#b8950d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#1d1e1e;color:#f1f5f9;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;border-radius:8px}.modal-container .close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#f1f5f9;font-size:24px;cursor:pointer;z-index:10}.modal-container .close-button:hover{color:#cea811}.modal-container .modal-content{display:flex;gap:20px;justify-content:start;width:100%}.modal-container .modal-content img{object-fit:cover}.modal-container .modal-content .modal-info{padding:10px;flex:1}.modal-container .modal-content .modal-info h2{color:#cea811;margin-bottom:10px}.modal-container .modal-content .modal-info p{margin:10px 0}@media (min-width: 768px){.modal-container{max-width:800px;width:90%}.modal-content{flex-direction:row}.modal-content img{max-width:40%;width:100%;border-radius:8px 0 0 8px}}@media (max-width: 768px){.modal-container{width:100%;height:100%;border-radius:0;justify-content:center;padding:0}.modal-content{height:100%;justify-content:center;align-items:center;position:relative;padding:0}.modal-content img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:0}.modal-content .modal-info{position:relative;z-index:2;background:#0000009c;margin:0 10px;border-radius:10px}}.card{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative}.card .poster img{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .6s}.card .info{position:absolute;bottom:0;background:linear-gradient(#0000,#000 90%);height:200px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:10px}.card .info .title{font-size:14px;color:#f1f5f9;margin-bottom:6px}.card .info .hidden-content{font-size:12px;color:#f1f5f9;margin-top:8px;height:0px;opacity:0;transition:all .6s}.card .info .hidden-content .btn-default{background-color:#cea811;color:#f1f5f9;font-weight:700;padding:6px 8px;border-radius:4px;margin-top:10px;border:none;cursor:pointer;width:100%}.card .info .hidden-content .btn-default:hover{color:#3a3a3a}.card:hover{cursor:pointer}.card:hover .poster img{opacity:.5}.card:hover .hidden-content{opacity:1}.card:hover .info:has(.description) .hidden-content{height:100px}.card:hover .info:not(:has(.description)) .hidden-content{height:20%}.data-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;list-style:none;width:100%;padding:20px 3%}.loading-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 72px)}.pagination{display:flex;justify-content:center;margin:20px 0}.pagination button{background-color:#b8950d;color:#f1f5f9;border:none;padding:8px 12px 4px;margin:0 4px;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.pagination button:hover{color:#3a3a3a}.pagination button.active{background-color:#cea811;color:#3a3a3a}.pagination button:disabled{background-color:#3a3a3a;cursor:not-allowed}.pagination button:disabled:hover{color:#f1f5f9}.pagination .ellipsis{padding:8px;font-weight:700;color:#b8950d}@media (max-width: 768px){.pagination .inactive,.pagination .ellipsis{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:#1d1e1e}