:root{--font-family-regular: "Roboto Regular", sans-serif;--font-family-medium: "Roboto Medium", sans-serif;--white: #ffffff;--focus-color: #f87719;--gradient-color: #ffca0f;--secondary-text: #aaaaaa;--background: #000000}body{max-width:1280px;margin:0 auto}.container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-family:var(--font-family-regular);padding:22px 32px}.header{position:relative;background-color:var(--background);width:100%}.logo{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.logo-container a{text-decoration:none}.logo-text{color:var(--white);font-weight:400;font-size:24px;padding-left:8px;font-family:var(--font-family-medium)}.nav{display:flex;justify-content:space-between;text-transform:uppercase}.nav-logo{display:inline-flex;align-items:center;justify-content:center}.nav-list{display:flex;align-items:center;justify-content:flex-end;gap:40px;color:var(--white);font-weight:400;font-size:14px;list-style-type:none;text-decoration:none}.nav-link{position:relative;display:block;font-weight:500;letter-spacing:.02em;transition:.2s ease-in;text-decoration:none;color:var(--white)}.nav-link:hover,.nav-link:focus{color:var(--focus-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:110%;height:4px;border-radius:4px;transform-origin:center;animation:stretch .4s cubic-bezier(.68,-.55,.27,1.55) .2s both}.nav-link.active:after{background:var(--focus-color)}.header-theme-switcher{display:flex;align-items:center;justify-content:center;gap:22px;width:60px;height:24px;background:linear-gradient(to left,var(--focus-color),var(--gradient-color));border-radius:194px;padding:5px;position:relative;cursor:pointer}#icon-moon,#icon-sun{width:18px;height:18px}.icon{width:18px;height:18px;z-index:2;transition:opacity .3s ease}.menu-toggle{display:none;background:none;border:none;color:var(--white);font-size:16px;font-weight:500;cursor:pointer}.mobile-menu{position:fixed;left:-100%;width:250px;height:100vh;background-color:var(--background);padding:40px 20px;transition:left .3s ease;z-index:999}.mobile-menu.open{left:0}.mobile-menu .nav-list{list-style:none;padding:0 20px;margin:0;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.mobile-menu .nav-item a{color:var(--white);text-decoration:none;text-transform:uppercase;font-family:Roboto Regular;font-size:14px;font-weight:400;line-height:1}.mobile-menu .nav-item a:hover,.mobile-menu .nav-item a:focus{color:var(--focus-color);background-color:transparent}.mobile-overlay{display:none;position:fixed;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:5}.mobile-overlay.active{display:block}@media (max-width: 768px){.container{flex-direction:row;align-items:center;padding:16px}.nav{flex-direction:column;align-items:center;width:100%}.nav-list{flex-direction:row;align-items:center;gap:20px;padding-left:0}.logo-text{font-size:20px;padding-left:6px}.header-theme-switcher{align-self:flex-end}}@media (max-width: 480px){.container{padding:12px;flex-direction:row;align-items:center}.logo-text{display:none}.menu-toggle{display:block}.nav-container{display:none}.header-theme-switcher{margin-top:0}#icon-moon,#icon-sun,.icon{width:16px;height:16px}}body{margin:0 auto;max-width:1280px;font-family:Roboto Regular;background-color:#0f0f0f;color:#fff}.hero-container{position:relative;max-width:1280px;height:660px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;margin:0 auto;transition:opacity 1s ease-in-out;opacity:1}.hero-container:before{content:"";position:absolute;left:0;width:100%;height:100%;background:linear-gradient(to right,#000000f2,#000000f2 40%,#0000);z-index:1}.hero-content{position:relative;z-index:2;max-width:100%;padding:0 134px;color:#fff}.hero-title{font-family:var(--font-family);font-weight:700;font-size:64px;margin-bottom:10px}.hero-rating .star{color:orange;font-size:1.5em;margin-right:2px}.hero-description{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:1.5;margin:15px 0 25px;width:367px;color:var(--secondary-text)}.hero-buttons{display:flex;gap:15px}.watch-trailer-btn,.more-details-btn{padding:12px 25px;border:none;border-radius:74px;font-size:1em;cursor:pointer;transition:background-color .3s ease}.watch-trailer-btn{background:linear-gradient(to bottom right,#ffc226,#f84119);color:#000}.watch-trailer-btn:hover{background-color:#fff}.more-details-btn{background-color:transparent;color:#fff;border:1px solid #ffffff}.more-details-btn:hover{background-color:#fff3}.hero-image-container{height:100%;width:100%;display:flex;justify-content:flex-end;align-items:center;margin:0 auto}.hero-backdrop-image{max-width:100%;height:auto;display:block;object-fit:cover;width:700px}.star{color:orange;font-size:1.5em}.star-empty{color:#777;font-size:1.5em}.half-star{color:orange;font-size:1.5em;position:relative}.catalog-hero-overlay{width:100%;height:100%;background:linear-gradient(75deg,#111 42%,#111111f2 45%,#111111bf,#1116 55%,#11111126 80%,#1110);display:flex;flex-direction:column;justify-content:center;padding-left:60px;color:var(--white)}.info-btn{padding:12px 24px;font-size:16px;border:none;cursor:pointer;border-radius:74px;background-color:#fff;color:#333}#trailerModal{position:fixed;top:0%;left:0%;width:100%;height:100%;background:#0f0f0fe6;display:none;justify-content:center;align-items:center;z-index:9999}#trailerModal.active{display:flex}.trailer-content{position:fixed;top:25%;left:4%;width:100%;margin:0 auto;background:#000;padding:20px;border-radius:12px;max-width:90%;max-height:90%}.trailer-content iframe{width:100%;height:450px;border-radius:8px}#closeTrailer{position:absolute;top:-10px;right:-10px;background:transparent;border:none;padding:10px 14px;color:#fff;font-weight:700;font-size:18px;border-radius:50%;cursor:pointer;transition:background .3s}#closeTrailer:hover{background:linear-gradient(to bottom right,#ffc226,#f84119)}.trailer-error{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#ff4e4e;color:#fff;padding:15px 25px;border-radius:10px;font-weight:700;z-index:9999;box-shadow:0 5px 15px #0000004d;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,30px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1}to{opacity:0;transform:translate(-50%,30px)}}#search{margin:40px auto;text-align:center;background-color:transparent;color:#b7b7b7}.search-container{display:flex;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:40px auto}.search-input{width:360px;font-size:14px;padding:12px 20px;border:1px solid #fff;border-radius:30px;background-color:transparent;color:#fff}#year{background-color:transparent;color:#b7b7b7}.search-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#ffc226,#ff6b00);display:flex;align-items:center;justify-content:center;cursor:pointer}.catalog-page-body{background-color:#1a1a1a;color:#fff;font-family:Roboto,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}.main-container{max-width:1200px;margin:0 auto;padding:20px;width:100%;box-sizing:border-box}.no-results-message,.error-message{text-align:center;font-size:1.5em;color:#ff6b6b;padding:50px 20px;grid-column:1 / -1}.search-form{display:flex;gap:10px;justify-content:center;align-items:center}.search-input{width:100%;max-width:400px;padding:12px 15px;border-radius:25px;border:1px solid #555;background-color:#333;color:#fff;font-size:1em;outline:none;transition:border-color .2s ease}.search-input::placeholder{color:#aaa}.search-input:focus{border-color:#007bff}.search-button,.clear-search-button{padding:12px 20px;border:none;border-radius:25px;background-color:#e50914;color:#fff;font-size:1em;cursor:pointer;transition:background-color .2s ease}.search-button:hover,.clear-search-button:hover{background-color:#c00c14}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:30px 0}.pagination-button{background-color:#3a3a3a;color:#fff;border:1px solid #555;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease,border-color .2s ease}.pagination-button:hover{background-color:#5a5a5a;border-color:#777}.pagination-button.active{background-color:#e50914;border-color:#e50914;font-weight:700}.pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.search-form{flex-direction:column;gap:15px}.search-input{max-width:90%}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.trailer-content iframe{height:250px}.hero-content{padding:0 20px;text-align:left}.hero-title{font-size:32px}.hero-description{font-size:14px;width:100%;margin:10px 0 20px}.hero-buttons{gap:10px}.hero-container{flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.watch-trailer-btn,.more-details-btn{width:100%;padding:14px;font-size:16px}}@media (max-width: 480px){.pagination-button{padding:8px 12px;font-size:.9em}}.dropdown{position:relative;width:200px;padding:60px 0}.dropdown select{width:100%;padding:12px;background-color:#1e1e1e;color:#fff;border:1px solid #595959;border-radius:6px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.dropdown:after{content:"▾";position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#fff;pointer-events:none}.dropdown select:focus{outline:none;border-color:#f60}.dropdown option{background-color:#1e1e1e;color:#fff;padding:10px}.dropdown option:checked{color:#f60}select option.hidden-option{display:none}.library-gallery{display:flex;flex-direction:column;gap:16px;padding:20px}.load-more{display:flex;justify-content:center;align-items:center;padding-top:40px}.load-more button{color:#111}.movie-card{background:#1e1e1e;padding:12px;border-radius:8px;color:#fff;text-align:center;transition:transform .2s}.movie-card:hover{transform:scale(1.03)}.movie-card img{width:100%;border-radius:6px;margin-bottom:8px}.library-gallery-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;justify-content:center;width:100%;max-width:100%}.trend-card{width:100%;max-width:395px;height:574px;border-radius:5px;overflow:hidden;position:relative;background:linear-gradient(to bottom,#000,#000);box-shadow:0 4px 20px #0000004d;opacity:1;transform:scale(1) translateY(0);cursor:pointer;transition:transform .2s ease}@media (max-width: 1279px) and (min-width: 769px){.library-gallery-list{grid-template-columns:repeat(3,280px);justify-items:center;gap:16px}.trend-card{max-width:280px;height:100%}.trend-info{padding:12px}.trend-info h3{font-size:16px}.trend-info p{font-size:12px}.trend-stars{font-size:14px}}@media (max-width: 768px){.library-gallery-list{grid-template-columns:repeat(1,1fr);justify-items:center;gap:16px;width:100%;max-width:100%;padding:0 16px}.trend-card{max-width:224px;height:100%}}@media (max-width: 480px){.library-gallery-list{grid-template-columns:repeat(1,1fr);justify-content:center}.trend-card{max-width:224px;height:auto;margin:0 auto}.trend-info{padding:10px}.trend-stars{bottom:20px;right:10px;transform:scale(.85)}}:root{--font-family: "Roboto", sans-serif;--white: #FFFFFF;--secondary-text: #AAAAAA;--background: #000000}.library-hero{position:relative;width:100%;height:660px;background-image:url(/cinemania-group-b/assets/library-hero-image-xH43S1JP.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;margin:0 auto}.library-hero-overlay{width:100%;height:100%;background:linear-gradient(75deg,#111 42%,#111111f2 45%,#111111bf,#1116 55%,#11111126 80%,#1110);display:flex;flex-direction:column;justify-content:center;padding-left:60px;color:var(--white)}.library-hero-overlay h1{font-family:var(--font-family);font-weight:700;font-size:64px;color:var(--white);margin-bottom:0;margin-left:57px;line-height:1.1;margin-top:0;width:464px;height:150px}.library-hero-overlay p{font-family:var(--font-family);font-weight:400;font-size:16px;color:var(--secondary-text);line-height:1.5;max-width:580px;margin-left:57px;width:464px;height:76px;margin-top:0;margin-bottom:90px}@media (max-width: 768px){.library-hero{width:100%;height:380px;background-position:center}.library-hero-overlay{padding-left:32px;padding-right:32px}.library-hero-overlay h1{font-size:42px;width:auto;height:auto;margin-left:0}.library-hero-overlay p{font-size:14px;width:auto;height:auto;margin-left:0;margin-bottom:60px}}@media (max-width: 480px){.library-hero-overlay{padding-left:20px;padding-right:20px}.library-hero-overlay h1{font-size:32px;line-height:1.2}.library-hero-overlay p{font-size:13px;line-height:1.4;margin-bottom:40px}}span img{animation:beat 1s ease-in-out infinite;padding:0 7px}@keyframes beat{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.footer-p{color:gray}.footer-a{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:100%;letter-spacing:0%;vertical-align:middle;color:gray}.container-footer{display:flex;justify-content:center;align-items:center;margin-top:100px}.container-footer span{padding-left:3px;color:gray}.footer-p{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle;color:gray}.footer-modal-content a{text-decoration:none}@media (max-width: 767px){.container-footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 0}.footer-p{margin:0;font-size:14px;color:#777}.footer-span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:#777}.footer-span img{display:inline-block;vertical-align:middle}.footer-a{text-decoration:none;color:gray}}.footerModal{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:40px 20px;background:#1119;opacity:1;visibility:hidden;pointer-events:none;transition:opacity .3s ease}.footerModal.show-modal{opacity:1;visibility:visible;pointer-events:auto}.footerModal.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.footerModal.closing .footer-modal-content{opacity:0;transform:translateY(20px) scale(.95)}.footer-modal-content{padding:40px 50px;max-width:700px;width:90%;min-width:480px;max-height:80vh;overflow-y:auto;border-radius:20px;position:relative;box-shadow:0 8px 24px #000;background-color:#302c2c;opacity:0;transform:translateY(40px) scale(.95);transition:opacity .4s ease,transform .4s ease}.footerModal.show-modal .footer-modal-content{opacity:1;transform:translateY(0) scale(1)}.close-modal{position:absolute;top:16px;right:20px;font-size:28px;background:none;border:none;cursor:pointer;color:#444;transition:transform .2s ease}.close-modal:hover{transform:scale(1.2);color:#dc143c}.teamcard{display:flex;gap:24px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.teamcard .card{flex:0 0 48%;max-width:320px;box-sizing:border-box;background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;transition:transform .25s ease,box-shadow .25s ease;align-items:center;justify-content:space-between;display:flex;flex-direction:column}.teamcard .card:hover{transform:scale(1.03);box-shadow:0 8px 24px #00000026}.team-cards{display:flex;flex-wrap:wrap;gap:24px 32px;justify-content:center;box-sizing:border-box}.team-cards .card{flex:0 0 48%;max-width:320px;box-sizing:border-box;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;transition:transform .25s ease,box-shadow .25s ease;margin-bottom:32px;align-items:center;justify-content:space-between;display:flex;flex-direction:column}.team-cards .card:hover{transform:scale(1.03);box-shadow:0 8px 24px #00000026}.card img{width:140px;height:140px;object-fit:cover;border-radius:50%;margin-bottom:15px;border:3px solid #bbb;box-shadow:0 2px 8px #0000001a;background-color:#ddd;transition:transform .2s ease}.card-info h4{margin:0;font-size:18px;font-weight:700;color:#333}.card-info p{margin:6px 0 0;font-size:15px;color:#555}.social-links{margin-top:8px}.social-links a{margin:0 6px;font-size:18px;color:#333;transition:color .3s ease,transform .3s ease}.social-links a:hover{color:#0077b5;transform:scale(1.2)}.footer-modal-content p{color:#111}.icon{width:24px;height:24px;fill:#333;transition:transform .3s ease,fill .3s ease}.social-links a:hover .icon{transform:scale(1.3)}.social-links a[href*=linkedin]:hover .icon{fill:#0a66c2}.social-links a[href*=github]:hover .icon{fill:#111}.html.light-theme .footer-modal-content .modal-h2,.html.light-theme .footer-modal-content p{color:#fff}.html.light-theme .footer-modal-content .footer-p{color:#111}.footer-modal-content .modal-h2,.footer-modal-content .modal-p{color:#fff}@media (max-width: 600px){.footer-modal-content{min-width:auto;width:90vw;padding:25px 20px}.teamcard,.team-cards{flex-direction:column}.teamcard .card,.team-cards .card{flex:0 0 100%;max-width:none;margin-bottom:24px}.card img{width:120px;height:120px}}@font-face{font-family:Roboto Regular;src:local("Roboto"),local("Roboto-Regular"),url(/cinemania-group-b/assets/roboto-regular-56L6iL-I.woff2) format("woff2"),url(/cinemania-group-b/assets/roboto-regular-BsN8iP2n.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Medium;src:local("Roboto Medium"),local("Roboto-Medium"),url(/cinemania-group-b/assets/roboto-medium--cGQoWUT.woff2) format("woff2"),url(/cinemania-group-b/assets/roboto-medium-BFS8JZeR.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Bold;src:local("Roboto Bold"),local("Roboto-Bold"),url(/cinemania-group-b/assets/roboto-bold-B2n1BHly.woff2) format("woff2"),url(/cinemania-group-b/assets/roboto-bold-B7cOq_fN.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--background-color: #111111;--text-color: #ffffff;--font-family: "Roboto Regular", sans-serif;--white: #ffffff;--black: #000000}body{background-color:var(--background-color);color:var(--text-color)}html.light-theme{--background-color: #fff;--text-color: #000}html.light-theme header,html.light-theme .logo-text,html.light-theme .nav-link{background-color:#fff;color:#000}html.light-theme #icon-sun{opacity:1}html.light-theme #icon-moon{opacity:0}html:not(.light-theme) #icon-sun{opacity:0}html:not(.light-theme) #icon-moon{opacity:1}html{background-color:var(--background-color);color:var(--text-color)}#icon-sun{opacity:0}#icon-moon{opacity:1}.toggle-circle{position:absolute;top:6px;left:44px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;z-index:3}html.light-theme .toggle-circle{left:6px}html.light-theme .menu-toggle{color:var(--text-color)}html.light-theme .mobile-menu{background-color:var(--white)}html.light-theme .mobile-menu .nav-list,html.light-theme .mobile-menu .nav-item a{color:var(--black)}.upcoming-section{margin-top:60px}.upcoming-container{display:flex;flex-direction:column;gap:20px}.upcoming-container-header{font-weight:500;font-size:28px;line-height:100%;letter-spacing:0%;text-transform:uppercase;font-family:var(--font-family)}.film-card{display:flex;border-radius:8px;overflow:visible;gap:20px;max-width:1068px;min-height:458px}.upcom-img{border-radius:8px;width:805px;height:490px}.upcom{display:flex;flex-direction:column;justify-content:space-between;max-width:400px;height:100%;margin-top:-40px}.upcom h2{font-weight:500;font-size:32px;line-height:auto;letter-spacing:0%;text-transform:uppercase;font-family:var(--font-family);position:relative;top:10px;right:4px}.vote-info{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-weight:700;position:relative;font-family:var(--font-family)}.vote-info strong{margin-right:5px}.vote-box{background-color:#fff;color:#111;padding:2px 8px;border-radius:5px;font-weight:500;font-size:16px;position:relative;left:55px}.vote-box-whole{position:absolute;padding-left:62px}.vote-info .slash{position:relative;left:55px;font-size:14px}.release-info{color:#f87719;font-weight:500;margin-bottom:6px;font-size:16px;display:flex;align-items:center;font-family:var(--font-family);white-space:nowrap}.release-info strong{margin-right:54px;min-width:max-content;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;font-family:var(--font-family)}.popularity-info{margin-left:70px;margin-bottom:-4px}.popularity-info strong{position:relative;right:70px;font-family:var(--font-family)}.genre-info{display:flex;font-size:16px;margin-top:22px;gap:8px;font-family:var(--font-family)}.genre-info span{margin-left:44px}.genre-info strong{flex-shrink:0;width:100px;font-family:var(--font-family)}.upcom-about{width:390px;max-width:390px;font-size:15px;line-height:18px;margin-bottom:0;font-family:var(--font-family);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;font-weight:400}.strong-about{display:block;margin-bottom:16px;font-size:15px;color:gray;font-family:var(--font-family)}.add-library-btn-{box-sizing:border-box;display:inline-block;margin-top:20px;padding:10px 20px;width:155px!important;height:40px;border-radius:74px;white-space:nowrap;cursor:pointer;transition:background-color .3s;font-family:var(--font-family);font-weight:500;font-size:14px;line-height:16px;letter-spacing:0%;text-align:center;vertical-align:middle;background:linear-gradient(to right,#f5921b,#ff2e00);color:#111;border:2px solid #f87719}.add-library-btn-:hover{background:#fff;border-color:#e76f00;color:#111}.upcom p strong{color:gray;font-weight:700;font-family:var(--font-family)}.html.light-theme .film-card{color:#111}.html.light-theme .upcoming-container-header,.html.light-theme .upcom strong{color:#111!important}.html.light-theme .slash{color:#282828;font-size:14px}.html.light-theme .genre-info,.html.light-theme .upcom-about{color:#282828}.html.light-theme .strong-about{color:#111}.html.light-theme .add-library-btn-{background:linear-gradient(to right,#f5921b,#ff2e00);color:#282828;border:2px solid #f87719}.html.light-theme .add-library-btn-:hover{background:#111}.html.light-theme .popularity-info span{color:#282828}.html.light-theme .vote-info .slash{color:#111;font-size:14px}@media (max-width: 767px){.upcoming-container-header{text-align:center;margin-right:100px;font-family:var(--font-family);font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;text-transform:uppercase}.upcom h2{font-family:var(--font-family);font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%}.film-card{display:flex;flex-direction:column;align-items:center;max-width:704px;margin:0 auto}.upcom-img{width:280px;height:402px;object-fit:cover;border-radius:8px}.upcom{padding:20px;max-width:280px;display:flex;flex-direction:column}.add-library-btn-{width:140px;height:38px;font-size:14px;border-radius:40px;margin-top:15px;align-self:flex-start;width:140px!important}.add-library-btn-:hover{background:linear-gradient(to right,#f5921b,#ff2e00)}.upcom-about{width:280px;max-width:280px}}@media (min-width: 768px) and (max-width: 1279px){.film-card{display:flex;flex-direction:column;align-items:center;max-width:704px;margin:0 auto}.upcoming-container-header{font-size:24px;font-weight:500;text-transform:uppercase;margin-bottom:20px;position:relative;left:295px}.upcom-img{width:100%;max-width:704px;height:400px;border-radius:8px;margin-bottom:20px}.upcom{width:100%;max-width:704px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"title title" "release popularity" "vote genre" "about about" "button button";gap:16px 20px;box-sizing:border-box}.grid-title{grid-area:title;font-size:28px;font-weight:500;text-transform:uppercase;font-family:var(--font-family)}.release-info,.popularity-info,.vote-info,.genre-info{font-size:16px;font-weight:500;font-family:var(--font-family);min-height:22px;word-break:break-word;white-space:normal}.release-info{grid-area:release}.popularity-info{grid-area:popularity}.vote-info{grid-area:vote;display:flex;align-items:center;gap:6px}.vote-box{background-color:#fff;color:#111;padding:2px 8px;border-radius:5px;font-size:14px;font-weight:500}.slash{margin:0 2px}.genre-info{grid-area:genre;display:flex;align-items:start;justify-content:flex-end;gap:8px;font-size:16px;white-space:normal;word-break:break-word}.genre-info strong{flex-shrink:0;min-width:80px;color:gray;font-weight:500;position:relative}.genre-info span{flex-grow:1;text-align:left;max-width:100%;position:relative}.upcom-about{grid-area:about;font-size:14px;line-height:1.5;color:#fff;width:100%;max-width:704px;font-family:var(--font-family)}.strong-about{display:block;margin-bottom:8px;font-size:16px;color:gray;font-weight:500}.add-library-btn-{grid-area:button;justify-self:start;padding:10px 20px;font-size:14px;border:2px solid orange;background:linear-gradient(to right,#f5921b,#ff2e00);color:#111;border-radius:74px;cursor:pointer;transition:background-color .3s;width:140px!important}.add-library-btn-:hover{background:linear-gradient(to right,#f5921b,#ff2e00);border-color:#e76f00}.popularity-info strong{margin-right:8px}}.search-form{display:flex;align-items:center;margin:0 auto;max-width:60px}#search,#year{padding:10px 14px;font-size:16px;border:1px solid #ccc;border-radius:8px;outline:none;flex:1}#year{position:relative;left:-16px;margin-right:-10px}.search-button{width:44px;height:44px;background-color:orange;border:none;border-radius:50%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background-color .3s ease}.search-button:hover{background-color:#ff8c00}.clear-button{display:none;position:relative;right:30px;top:13px;transform:translateY(-50%);color:#aaa;font-size:14px;cursor:pointer;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px;z-index:1;transition:color .2s}.clear-button:hover{color:#555}.gude{font-family:Roboto Medium;font-weight:400;font-size:32px;line-height:36px;letter-spacing:0%;text-align:center;width:684px;height:124px;top:968px;left:297px;padding-left:300px}#year{display:none}#year{background-color:#111;color:#666}.default-tag,#year::placeholder{color:#aaa}#movies{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-40px}.movie{position:relative;width:395px;height:574px;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0006}.movie:hover{transform:scale(1.05)}.movie img{width:100%;height:auto;border-radius:5px;object-fit:cover}.movie h3{margin:10px 0 5px;font-size:1.1rem}.movie p{margin:0;font-size:.9rem;color:#ccc}html.light-theme #search,html.light-theme #year{color:#000}html.light-theme #search::placeholder,html.light-theme #year::placeholder{color:#666}@media (max-width: 1024px){#movies{grid-template-columns:repeat(2,1fr)}.gude{width:auto;padding-left:0;font-size:28px;line-height:32px}.movie{width:100%;height:auto}}@media (max-width: 768px){.search-form{flex-direction:row;align-items:center;justify-content:center;margin-bottom:20px}#search,#year{width:95px;left:0}.search-button{border-radius:50%;margin-left:0}.clear-button{position:absolute;top:10px;right:10px}#movies{grid-template-columns:1fr;padding:10px}.gude{font-size:24px;text-align:center;padding-left:0}.movie{width:100%;max-width:100%;height:auto}}.library-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px;max-width:1280px;margin:0 auto;box-sizing:border-box}.movie-card{position:relative;width:395px;height:574px;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0006}.poster-wrapper{position:relative;width:100%;height:100%}.movie-poster{width:100%;height:100%;object-fit:cover;display:block}.movie-info-overlay{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,#000c,#0000);color:#fff;padding:20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end}.movie-title{font-size:1.2em;margin:0;font-weight:700}.movie-details{font-size:.95em;margin-top:4px;opacity:.8}.movie-rating{font-size:1.1em;font-weight:700}.catalog-film-list{max-width:1280px}@media (max-width: 1279px){.library-list{grid-template-columns:repeat(3,280px);display:grid;justify-content:center}.movie-card{width:280px;height:325px}.hero-content{max-width:500px}}@media (max-width: 767px){.library-list{grid-template-columns:repeat(1,280px);justify-items:center}.movie-card{width:280px;height:406px}.hero-content{max-width:400px}}.pagination{display:none;align-items:center;gap:16px}.page-btn{width:40px;height:40px;border-radius:50%;border:1px solid #B7B7B7;background-color:transparent;color:#b7b7b7;font-weight:400;font-size:14px;line-height:14px;cursor:pointer;transition:all .3s}.nav-btn{width:40px;height:40px;border:none;background-color:transparent;color:#b7b7b7;font-weight:400;font-size:14px;line-height:14px;cursor:pointer;transition:all .3s}.page-btn:hover,.nav-btn:hover{border-color:#fff;color:#fff}.page-btn.active{background:linear-gradient(145deg,#ffc226,#f84119);border:none;color:#fff;font-weight:700}.dots{color:#b7b7b7;font-size:14px;padding:0 5px}.pg-icon{width:20px;height:20px;stroke:currentColor}.light-theme .page-btn{border:1px solid #595959;background-color:transparent;color:#595959}.light-theme .page-btn.active{border:none;color:#282828}.light-theme .nav-btn{color:#b7b7b7}.light-theme .page-btn:hover,.light-theme .nav-btn:hover{border-color:#000;color:#000}@media (max-width: 480px){.pagination{gap:8px}.page-btn{width:24px;height:24px;font-size:10px;line-height:10px}.nav-btn{width:20px;height:20px;border:none}}.weekly-trends{max-width:1280px;margin:80px auto}.weekly-trends .section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.weekly-trends .section-header h2{font-family:Roboto Medium;font-size:28px;font-weight:500;text-transform:uppercase;letter-spacing:0;color:#fff;line-height:100%;margin-left:32px}.light-theme .weekly-trends .section-header h2{color:#111}#see-all-trends{font-family:Roboto Medium;font-size:18px;color:#f87719;padding-right:32px;cursor:pointer;line-height:100%;transition:opacity .2s ease}#see-all-trends:hover{opacity:.8;text-decoration:underline}.trends-container{display:grid;grid-template-columns:repeat(3,395px);justify-content:center;gap:45px}.trend-card{width:395px;height:574px;border-radius:5px;overflow:hidden;position:relative;background:linear-gradient(to bottom,#000,#000);box-shadow:0 4px 20px #0000004d;opacity:0;transform:scale(.95) translateY(20px);animation:fadeZoom 1.5s ease forwards;animation-delay:.1s;will-change:transform;cursor:pointer}.trend-card img{width:100%;height:100%;object-fit:cover;display:block}.trend-info{position:absolute;bottom:0;width:100%;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.85) 60%,transparent);color:#fff}.trend-info h3{margin:0;font-size:20px;font-weight:700;text-transform:uppercase}.trend-info p{max-width:240px}.trend-info .trend-title{margin:4px 0;font-size:14px;color:#ccc;max-width:260px}.trend-stars{position:absolute;bottom:28px;right:50px}.trend-card:hover{transform:scale(1.05) translateY(0);box-shadow:0 0 25px #ffc1244d,0 0 25px #f841194d}@keyframes fadeZoom{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 1279px) and (min-width: 768px){.weekly-trends{padding:0 24px}.weekly-trends .section-header{padding:0 8px;margin-bottom:24px}.weekly-trends .section-header h2,#see-all-trends{font-size:24px;margin:0}.trends-container{grid-template-columns:repeat(3,280px);justify-items:center;gap:16px}.trend-card{max-width:280px;height:100%}.trend-info{padding:12px}.trend-info h3{font-size:16px}.trend-info p{font-size:12px}.trend-stars{font-size:14px}}@media (max-width: 767px){.weekly-trends{padding:0 20px}.trends-container{grid-template-columns:repeat(1,224px);justify-items:center;gap:16px}.trend-card{width:280px;height:406px;margin-bottom:16px;border-radius:5px;background:linear-gradient(to bottom,#000,#000);box-shadow:0 4px 12px #00000040;transition:transform .2s ease}.trend-card img{width:100%;height:100%;object-fit:cover}.trend-info{padding:12px}.trend-info h3{font-size:14px;text-transform:uppercase;margin:0}.trend-info p{font-size:11px;margin:4px 0;color:#ccc}.trend-stars{font-size:12px;gap:2px}}.hero-img-wrapper{width:100%;aspect-ratio:16 / 9;background-color:#e0e0e0;position:relative;overflow:hidden}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-wrap{position:relative;left:0;right:0;margin-left:auto;margin-right:auto;width:100%;max-width:1280px;height:660px;max-height:660px;font-family:Roboto,sans-serif;overflow:hidden;background-color:#010101}.background-image{position:absolute;height:100%;width:62%;right:0;left:auto;background:none;z-index:0}.background-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#000,#00000080 50%,#0000 80%);z-index:0}.backend{width:100%;height:100%;object-fit:cover;z-index:0}.hero-wrap__content{position:relative;top:165px;z-index:3;color:#fff;padding:0 134px;width:1020px}.title,.title-fallback{font-size:64px;font-weight:700;margin-bottom:16px;width:1020px;max-width:1020px;margin-top:0}.start-rate__hero{display:flex;margin-bottom:12px;font-size:20px;width:116px;height:20px}.description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.4;font-weight:500;margin-bottom:36px;max-width:367px}.description-fallback{display:block;font-size:14px;line-height:1.4;font-weight:500;margin-bottom:20px;width:400px}.description-fallback-mobile{display:none}.watch-trailer__btn,.getstarted-btn,.more-details__btn{width:139px;height:48px;font-size:16px;border-radius:30px;font-weight:500;cursor:pointer;font-family:Roboto Regular;transition:background .3s ease}.watch-trailer__btn,.getstarted-btn{border:none;background:linear-gradient(to right,#f5921b,#ff2e00);color:#111;margin-right:10px}.more-details__btn{border:1px solid white;background-color:#0000;color:#fff;margin-right:10px}.watch-trailer__btn:hover{background:#fff;color:#f87719;border:#f5921b}.more-details__btn:hover{color:#f87719;border-color:#f5921b}.notification-trailer-fail{max-width:280px;max-height:289px;background-color:#000}@media (max-width: 768px){.hero-wrap{height:660px}.title,.title-fallback{font-size:44px;max-width:445px}.description{font-size:14px;width:500px;margin-bottom:20px}.description-fallback{width:400px}.watch-trailer__btn,.getstarted-btn,.more-details__btn{width:128px;height:40px;font-size:14px}.start-rate__hero{width:116px;height:20px}.hero-wrap__content{margin:60px;padding:unset;max-width:500px}}@media (max-width: 480px){.hero-wrap{height:660px}.background-image{width:100%;height:100%;background:none;z-index:0}.backend{filter:blur(2px);transition:opacity .8s ease-in-out}.description{-webkit-line-clamp:2;max-width:177px}.description-fallback{display:none}.description-fallback-mobile{display:block;font-size:14px;max-width:170px;font-weight:400;margin-bottom:20px;letter-spacing:0}.watch-trailer__btn,.getstarted-btn,.more-details__btn{width:117px;height:36px;font-size:12px}.start-rate__hero{width:96px;height:16px;font-size:20px}.title,.title-fallback{font-size:32px;max-width:199px}.hero-wrap__content{max-width:400px;padding:20px}}.custom-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.modal-content{background:#111;color:#fff;padding:60px;border-radius:16px;position:relative;max-width:786px;box-shadow:1px 1px 14px 4px #ff6b086b}.close-btn{position:absolute;top:40px;right:40px;width:32px;height:32px;background:transparent;color:#fff;border:none;font-size:32px;cursor:pointer}.trailer-iframe{width:100%;border-radius:8px;aspect-ratio:16 / 9}.error-modal-content{text-align:center}.error-title{font-size:24px;font-weight:700;margin-bottom:8px}.error-text{font-size:16px;margin-bottom:16px;line-height:1.4}.error-image{width:100px;height:auto;margin:0 auto}.movie-modal{display:flex;flex-direction:row;align-items:center;color:#fff;width:100%}.movie-poster{width:375px;height:478px;border-radius:5px;border:none;box-shadow:1px 1px 24px 2px #01010173}.movie-info{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding-left:20px}.movie-title{font-family:Roboto Medium;font-size:24px;margin-bottom:28px}.movie-stats{list-style:none;padding:0;margin:0 0 20px;font-size:14px;display:flex;flex-direction:column;gap:12px}.movie-stats li{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:10px}.movie-stats li strong{font-weight:500;color:#b7b7b7;text-align:left}.movie-stats li .movie-stats-value{font-weight:400;color:var(--white);display:flex;align-items:center;gap:4px}.vote-average,.vote-count{background-color:var(--white);color:#111;padding:2px 6px;border-radius:4px;font-weight:600;font-size:14px;line-height:1}.vote-divider{color:var(--white);font-size:14px;font-weight:400}.about-heading{font-size:16px;font-weight:700;margin:10px 0 4px}.about-text{font-size:14px;line-height:1.5;text-align:start;margin-bottom:24px}.add-to-library-gradient-border{border:none;padding:1px;background:linear-gradient(to right,#f5921b,#ff2e00);border-radius:20px}.add-to-library-btn{padding:10px 16px;background:#111;border:none;border-radius:20px;color:var(--white);font-family:Roboto Medium;font-size:12px;cursor:pointer;transition:background .3s ease,color .3s ease}.add-to-library-btn:hover,.add-to-library-gradient-border:hover{background:#fff;color:#f87719}html.light-theme .modal-content{background:#fff;color:#111}html.light-theme .movie-info,html.light-theme .movie-title,html.light-theme .close-btn,html.light-theme .movie-stats li strong,html.light-theme .movie-stats li span{color:#111}html.light-theme .movie-stats li .vote-average,html.light-theme .movie-stats li .vote-count{background-color:#f8f8f8;color:#111;font-weight:500}html.light-theme .movie-stats li .vote-divider{color:#f8f8f8}html.light-theme .add-to-library-btn{background:#fff;color:#111}html.light-theme .add-to-library-btn:hover{background:#111;color:#f87719}@media (max-width: 768px){.movie-modal{flex-direction:row;align-items:flex-start;flex-wrap:wrap}.movie-poster{width:240px;max-height:380px}.movie-info{flex:1;padding-left:16px;padding-top:0}.movie-title{font-size:20px;margin-bottom:20px}.movie-stats li{grid-template-columns:120px 1fr}.about-heading{font-size:15px}.about-text{font-size:13px}.add-to-library-btn{padding:10px 16px;font-size:12px;width:auto}.close-btn{top:16px;right:16px;font-size:22px}.trend-info .trend-title{max-width:200px;font-size:13px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.movie-meta .movie-details{max-width:146px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.trend-stars{right:30px;bottom:18px}}@media (max-width: 480px){.modal-content{max-width:264px;margin:0 auto;padding:40px 16px}.movie-modal{flex-direction:column;align-items:center}.close-btn{top:12px;right:12px;font-size:20px}.movie-info{margin:0 -5px}.movie-poster{max-height:380px;margin-bottom:22px}.movie-title{font-size:18px;margin-bottom:16px}.movie-stats{font-size:13px}.movie-stats li{grid-template-columns:110px 1fr}.about-heading{font-size:14px}.about-text{font-size:12.5px;margin-bottom:20px}.add-to-library-btn{font-size:11.5px;padding:8px 12px}}.scroll-up-button{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background-color:transparent;border:2px solid white;color:#fff;font-size:24px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000004d;z-index:999;transition:border-color .3s ease,color .3s ease,background-color .3s ease}.scroll-up-button:hover{background-color:#ffffff1a}html.light-theme .scroll-up-button{border-color:#000;color:#000}html.light-theme .scroll-up-button:hover{background-color:#0000000d}