@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Chewy&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background-color:#121212}a{text-decoration:none;color:#fdb94a}li{list-style-type:none}nav{display:flex;justify-content:space-between;align-items:center;width:100%;height:120px;padding:0 20px;z-index:1;position:fixed;transition:background-color .4s}.nav-dark{background:#141414}.nav__logo{display:flex;align-items:center;justify-content:start}.nav__logo--img{width:100px;height:100px}.nav__logo--name{font-family:Chewy,system-ui;color:#fdb94a;font-size:30px}.nav__link{margin-right:32px;font-size:20px;font-weight:600}.nav__link.active{color:#fff!important;position:relative}.nav__link.active:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#fff}.nav__link--contact{color:#121212;background-color:#fdb94a;padding:10px 32px;border-radius:50px;transition:all .3s ease}.nav__link--contact:hover{background-color:#eb9b1b;cursor:not-allowed}.link__hover-effect{position:relative}.link__hover-effect:after{content:"";position:absolute;bottom:-3px;height:3px;width:0;right:0;transition:all .3s ease}.link__hover-effect--yellow:after{background-color:#fdb94a}.link__hover-effect:hover:after{left:0;width:100%}.btn__menu{background-color:transparent;font-size:40px;text-align:center;border:none;color:#fdb94a;display:none;cursor:pointer}.menu__backdrop{position:fixed;background-color:#121212;top:0;left:0;height:100vh;width:100vw;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s ease,visibility .3s ease;opacity:0;visibility:hidden}.menu--open .menu__backdrop{visibility:visible;opacity:1}.menu--open{max-height:100vh;overflow-y:hidden}.menu--open .home__header{opacity:0;pointer-events:none}.menu--open #films__main,.menu--open #search__header{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.btn__menu--close{position:absolute;right:20px;top:20px;font-size:32px;padding:8px;color:#fff;background:none;border:none;cursor:pointer}.menu__links{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2.5rem}.menu__list{padding:0}.menu__link{font-size:2.2rem;color:#fdb94a;text-decoration:none;font-weight:600;transition:color .3s ease}.menu__link:hover{color:#ffd369}.fa-bars,.fa-xmark{cursor:pointer}.home__header{padding-top:120px;min-height:calc(100vh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center}.header__title{color:#fdb94a;font-size:30px;font-weight:600;margin-bottom:12px}.header__sub-title{color:#ddd;font-size:20px;margin-bottom:24px}.browse__button{background-color:#fdb94a;color:#121212;border:none;padding:12px 24px;font-size:16px;border-radius:8px;font-weight:700;transition:background-color .3s ease,transform .15s ease}.browse__button:hover{background-color:#eb9b1b;transform:translateY(-2px);cursor:pointer;box-shadow:0 4px 12px #0003}.header__img{display:block;max-width:380px}#search__header{display:flex;flex-direction:column;position:relative;align-items:center;background:linear-gradient(to bottom,#0009,#1e1e1ef2),url(/assets/cinemaPoster-DaucH916.jpg) center/cover no-repeat;background-attachment:fixed;background-size:cover;width:100%;padding-top:128px}.browse__movies{width:100%;max-width:600px;margin-top:60px;padding:0 24px 60px;text-align:center;z-index:2}.header__search--title{color:#fdb94a;margin-bottom:16px;font-size:38px;letter-spacing:1.5px}.input-wrapper{width:100%;max-width:100%;position:relative;border-radius:50px;overflow:hidden;margin:0 auto}input{color:#000000de;width:100%;height:60px;font-size:20px;padding-left:40px;border:none;outline:none}.search-button{position:absolute;cursor:pointer;top:0;bottom:0;right:0;z-index:10000;padding:0 20px 0 8px;color:#fdb94a;font-size:32px;transition:.2s;background-color:#fff;border:none}.container{padding:56px 0}.row{width:100%;max-width:1200px;margin:0 auto}#films__main{flex:1;min-height:100vh}.search__row{display:flex;justify-content:space-between;align-items:center;padding:0 24px}.search-results{color:#fdb94a}select{background-color:#fff;border-radius:4px;border:1px solid #dcdfe6;color:#606266;height:40px;line-height:40px;outline:none;padding:0 16px;width:100%;max-width:200px}.films__loading{width:100%;display:flex;align-items:center;justify-content:center;padding-top:60px;font-size:60px;color:#fdb94a}.films__loading--spinner{animation:rotate 1.5s infinite linear}.films__loading .films__loading--spinner{display:block!important}@keyframes rotate{to{transform:rotate(360deg)}}.films{display:flex;flex-wrap:wrap}.film{width:25%;padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.film__img{max-height:340px;padding:0;transition:all .3s ease;cursor:pointer;object-fit:contain;object-position:left}.film__img--wrapper{height:100%;margin-bottom:8px;border-radius:4px;overflow:hidden;display:flex}.film:hover .film__img{transform:scale(1.03)}.film__title{font-size:18px;font-weight:400;margin-bottom:8px;color:#fdb94a}.film__title:hover{text-decoration:underline;cursor:pointer}.film__year,.film__type{color:#ddd}.film__type{font-size:14px;border:1px solid white;border-radius:4px;padding:2px 6px 2px 4px;text-decoration:none;margin-left:8px}.film__img--skeleton{width:100%;max-width:250px;height:320px;background-color:#ccc;margin-bottom:8px}.skeleton{background-color:#e3e3e3!important;margin-bottom:8px}.film__title--skeleton{height:21px;width:100%;max-width:250px}.skeleton-film{width:180px;margin:.5rem}.skeleton-img,.skeleton-title,.skeleton-meta{background:#333;border-radius:6px}.skeleton-img{height:270px;width:100%;margin-bottom:10px}.skeleton-title{height:20px;width:80%;margin-bottom:8px}.skeleton-meta{height:14px;width:60%}.shimmer{background:linear-gradient(90deg,#3333 25%,#6663,#3333 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.film-info-page{background-color:#0f0f0f;color:#fff;min-height:100vh;padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.film-info-container{max-width:1022px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;margin-bottom:2rem;color:#ffcb3c;font-weight:600;transition:text-decoration .3s ease}.back-button:hover{text-decoration:underline}.back-button img{width:50px;height:50px;transition:transform .2s ease}.back-button img:hover{transform:scale(1.1)}.back-button span{font-size:1.1rem}.film-detail{display:flex;align-items:flex-start;justify-content:center;gap:2rem;flex-wrap:wrap}.film-poster{width:300px;border-radius:10px;box-shadow:0 0 15px #ffffff1a}.film__description{flex:1;display:flex;flex-direction:column;gap:.8rem;max-width:600px}.film__description h1{font-size:2rem;margin-bottom:.5rem}.film__description p{font-size:1rem;line-height:1.6}.film__description strong{color:#ffcb3c;font-weight:600}.film-overview{margin-top:1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#fff;font-size:30px;animation:spinner 1s linear infinite}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-btn{max-width:200px;width:100%;margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#ffcb3c;color:#121212;font-weight:600;padding:10px 8px;border-radius:5px;font-size:16px;transition:transform .3s ease;text-decoration:none}.play-btn img{width:20px;height:20px}.play-btn:hover{transform:scale(1.05)}.player img{position:absolute;top:20px;left:20px;width:50px;cursor:pointer}.player{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;min-height:100vh;background-color:#121212}.video__wrapper{position:relative;width:100%;max-width:960px;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;box-shadow:0 0 20px #00000080}.video__wrapper iframe{width:100%;height:100%;border:none;display:block}.player-info{color:#fff;margin-top:8px;font-weight:500;font-size:18px}@media (max-width: 1024px){.film{width:calc(100%/3)}}@media (max-width: 768px){nav{height:100px;position:fixed;top:0;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav__logo--img{width:90px;height:90px}.nav__links{display:none}.btn__menu{display:block;font-size:30px;color:#fdb94a;background:none;border:none}.home__header{margin-top:45px;display:flex;align-items:center}#search__header{background-position:top center}.header__title{text-align:center;max-width:400px}.film{width:50%;align-items:center}.film-detail{flex-direction:column;align-items:center}.film__description{align-items:center}.film__description h1{text-align:center}.film-overview{text-align:center;max-width:420px}}@media (max-width: 550px){.nav__logo--img{height:80px;width:80px}.nav__logo--name{font-size:28px}.header__title{font-size:26px}.header__sub-title{font-size:18px}.browse__movies{max-width:450px}.header__search--title{font-size:30px;color:#fff}.fa-magnifying-glass{font-size:28px}.search__row{display:flex;flex-direction:column}.search-results{margin-bottom:12px}.film{width:100%;align-items:center}.film-detail img{max-width:200px;width:100%;margin:0 auto}.film__description h1{Font-size:24px}.film__description p,.film-overview strong{font-size:15px}.film-overview p{max-width:320px}.play-btn{max-width:130px;padding:10px 14px;font-size:14px;gap:4px}.play-btn img{width:16px;height:16px}.play-btn span{font-size:14px}}