:root{--primary-color:#e50914;--bg-dark:#121212;--bg-darker:#1a1a1a;--bg-darkest:#1f1f1f;--text-light:#fff;--text-gray:#8a8a8a;--text-dark-gray:#555;--border-color:#333;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app,body{background-color:#121212;background-color:var(--bg-dark)}.app{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:var(--bg-darkest);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 5%;position:sticky;top:0;z-index:100}.header__logo{color:var(--primary-color);cursor:pointer;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:700;transition:opacity .2s;white-space:nowrap}.header__logo:hover{opacity:.8}.header__menu{display:flex;gap:clamp(1rem,3vw,2rem);list-style:none}.header__menu-item{cursor:pointer;font-size:clamp(.9rem,3vw,1rem);font-weight:500;position:relative;transition:all .2s;white-space:nowrap}.header__menu-item:hover{color:var(--primary-color)}.header__menu-item:after{background-color:var(--primary-color);bottom:-.3rem;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.header__menu-item:hover:after,.main{width:100%}.main{animation:subtleGradientShift 20s ease infinite;background:linear-gradient(-45deg,var(--bg-darkest),#2a2a2a,#3a0a0a,var(--bg-dark),#2a2a2a);background-size:400% 400%;flex:1 1;margin:0 auto;padding:2rem 5%}@keyframes subtleGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.footer{background-color:var(--bg-darker);color:var(--text-gray);padding:clamp(2rem,5vw,4rem) 0 clamp(1.5rem,3vw,2rem);width:100%}.footer__content{grid-gap:clamp(1.5rem,4vw,3rem);display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin:0 auto;max-width:1200px;padding:0 5%}.footer__section{margin-bottom:clamp(1rem,3vw,2rem)}.footer__title{color:var(--text-light);font-size:clamp(1rem,3.5vw,1.2rem);font-weight:600;margin-bottom:clamp(.8rem,2vw,1.5rem)}.footer__contacts,.footer__links{list-style:none}.footer__contacts li,.footer__links li{margin-bottom:clamp(.5rem,1.5vw,.8rem)}.footer__contacts a,.footer__links a{color:inherit;display:inline-block;font-size:clamp(.85rem,2.5vw,.9rem);text-decoration:none;transition:color .2s}.footer__contacts a:hover,.footer__links a:hover{color:var(--primary-color)}.footer__social{display:flex;gap:clamp(.8rem,2vw,1rem);margin-top:clamp(1rem,2.5vw,1.5rem)}.footer__social-link{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:clamp(.9rem,3vw,1rem);height:clamp(2rem,6vw,2.5rem);justify-content:center;text-decoration:none;transition:all .2s;width:clamp(2rem,6vw,2.5rem)}.footer__social-link--vk:hover{background-color:#4a76a8}.footer__social-link--tg:hover{background-color:#2aabee}.footer__social-link--yt:hover{background-color:red}.footer__bottom{border-top:1px solid var(--border-color);margin-top:clamp(2rem,4vw,3rem);padding-top:clamp(1.5rem,3vw,2rem);text-align:center}.footer__legal{display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,1.5rem);justify-content:center;margin-top:clamp(.8rem,2vw,1rem)}.footer__legal a{color:var(--text-gray);font-size:clamp(.8rem,2.5vw,.85rem);text-decoration:none;transition:color .2s}.footer__legal a:hover{color:var(--primary-color)}.search-bar{align-items:center;background-color:#2c2c2c;border-radius:1rem;display:flex;flex-grow:1;height:2.5rem;margin:0 1.5rem;max-width:20rem;overflow:hidden}.search-bar__input{background-color:initial;border:none;color:#fff;flex:1 1;font-size:clamp(.9rem,2.5vw,1rem);outline:none;padding:0 1rem}.search-bar__button{align-items:center;background-color:#e50914;background-color:var(--primary-color,#e50914);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1.8rem;justify-content:center;margin-right:.5rem;transition:background-color .2s ease;width:1.8rem}.search-bar__button:hover{background-color:#f40612}.slider{margin-bottom:clamp(2rem,5vw,4rem);scroll-margin-top:100px}.slider__title{font-size:clamp(1.5rem,5vw,2rem);font-weight:600;margin-bottom:clamp(1rem,3vw,1.5rem)}.slider__container{position:relative}.slider__track{display:flex;gap:clamp(1rem,3vw,1.5rem);margin:0 -5%;overflow-x:auto;padding:1rem 5%;scroll-behavior:smooth;scrollbar-width:none}.slider__track::-webkit-scrollbar{display:none}.slider__button{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:clamp(.9rem,3vw,1rem);height:clamp(2rem,5vw,2.5rem);justify-content:center;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:clamp(2rem,5vw,2.5rem);z-index:2}.slider__button:hover{background-color:#000000e6;opacity:1}.slider__button--left{left:clamp(-1rem,-2vw,-.5rem)}.slider__button--right{right:clamp(-1rem,-2vw,-.5rem)}.movie-card{background-color:var(--bg-darkest);border-radius:.5rem;box-shadow:0 4px 8px #0003;flex:0 0 auto;overflow:hidden;transition:transform .3s;width:clamp(150px,40vw,200px)}.movie-card:hover{transform:translateY(-.5rem) scale(1.02)}.movie-card__image{display:block;height:clamp(200px,55vw,300px);object-fit:cover;width:100%}.movie-card__info{padding:clamp(.8rem,2vw,1rem)}.movie-card__title{font-size:clamp(.9rem,3vw,1rem);margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-card__year{color:var(--text-gray);font-size:clamp(.7rem,2.5vw,.8rem)}.movie-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:10px 0}@media (max-width:1200px){.header{padding:1rem 3%}.main{padding:2rem 3%}.footer__content{padding:0 3%}.search-bar{max-width:24rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:1050px){.header{align-items:center;flex-direction:column;gap:.6rem}.header__menu{flex-wrap:wrap;gap:1rem;justify-content:center}.search-bar{margin:0;max-width:100%;width:100%}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.header{align-items:center;flex-direction:column;gap:.8rem}.header__menu{flex-wrap:wrap;gap:1rem;justify-content:center}.search-bar{margin:0;max-width:100%;width:100%}.slider__track{margin:0;padding:1rem 3%}.movie-card{width:clamp(130px,45vw,180px)}.movie-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.movie-card__image{height:clamp(180px,55vw,250px)}.footer__content{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:center;margin:0 auto;max-width:90%}}@media (max-width:480px){.header{padding:.8rem 1.2rem}.header__menu{gap:.8rem}.search-bar__input{font-size:.9rem;padding:.5rem}.search-bar__button{font-size:1rem;padding:0 1rem}.slider__title{font-size:1.3rem}.slider{scroll-margin-top:190px}.slider__button--left,.slider__button--right{display:none}.movie-card{max-width:100%}.movie-card__image{height:320px}.movie-grid{margin:0 auto;max-width:85%}.footer__content,.movie-grid{grid-template-columns:1fr}.footer__legal{align-items:center;flex-direction:column;gap:.5rem}}
/*# sourceMappingURL=main.0ad44ec1.css.map*/