.modal-overlay{z-index:20;background-color:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{z-index:0;background-color:#1b1c1d;border-radius:6px;width:100%;max-width:420px;padding:2rem;position:relative;overflow:hidden}.auth-modal:before{content:"";z-index:-2;background-color:#1a232a;background-image:conic-gradient(#0000,#415c19,#0000 30%);background-position:0 0;background-repeat:no-repeat;width:200%;height:200%;animation:4s linear infinite spin;position:absolute;top:-50%;left:-50%}.auth-modal:after{content:"";z-index:-1;background:#000;border-radius:5px;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;left:6px}.auth-modal__close{position:absolute;top:10px;right:15px}.auth-modal__close:hover{color:#c8ff76}.auth-modal__title{margin:0 0 24px}.auth-modal__input{color:#f5f5f5;background-color:#2a2b2d;border:1px solid #0000;border-radius:10px;width:100%;margin:0 0 15px;padding:10px 8px}.auth-modal__input:focus{border-color:#f5f5f5;outline:none}.auth-modal__error{color:#ff6b6b;margin:0}.auth-modal__success{color:#7bd88f;margin:0}.auth-modal__submit-wrap{text-align:center}.auth-modal__submit{border:none}.auth-modal__footer{text-align:center;margin-top:20px}.auth-modal__switch{color:#f5f5f5;background:0 0;border:none;text-decoration:underline}.auth-modal__input_error{border-color:#ff6b6b}@keyframes spin{to{rotate:1turn}}.search-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000007a;animation:.25s ease-out forwards overlay-fade-in;position:fixed;inset:0}.search-modal{z-index:20;background-color:#1b1c1d;border-radius:12px;width:min(350px,100vw - 40px);animation:.28s cubic-bezier(.22,1,.36,1) forwards modal-show;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 20px 48px #00000059}.search-modal__results{background-color:#1b1c1d;border-radius:0 0 14px 14px;flex-direction:column;gap:12px;width:100%;max-height:min(60vh,560px);padding:12px;display:flex;position:absolute;top:calc(100% + 15px);right:0;overflow-y:auto;box-shadow:0 20px 48px #00000059}.search-modal__close{z-index:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-modal__close:hover{color:#c8ff76}.search-modal__input{color:#f5f5f5;background-color:#2a2b2d;border:1px solid #ffffff1f;border-radius:10px 10px 0 0;width:100%;padding:12px 48px 12px 12px}.search-modal__input:focus{outline-offset:4px;outline:1px solid #ffffff1f}.search-modal__error{color:#ff6b6b;margin:0}.search-result{background-color:#2a2b2d;align-items:center;gap:16px;padding:12px;display:flex}.search-result__image{object-fit:cover;width:72px;height:104px}.search-result__content{flex-direction:column;gap:8px;display:flex}.search-result__title{margin:0}.search-result__meta{color:#ffffffb8;margin:0}.search-overlay__closing{animation:.22s ease-in forwards overlay-fade-out}.search-modal.search-modal__closing{pointer-events:none;animation:.22s cubic-bezier(.4,0,1,1) forwards modal-hide}@media (width<=500px){.search-modal{width:min(250px,100vw - 32px)}}@media (width<=370px){.search-modal{width:min(200px,100vw - 32px)}}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@keyframes modal-show{0%{opacity:0;transform:translateY(-50%)translate(-16px)scale(.97)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}@keyframes overlay-fade-out{0%{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes modal-hide{0%{opacity:1;transform:translateY(-50%)translate(0)scale(1)}to{opacity:0;transform:translateY(-50%)translate(-16px)scale(.97)}}.loader{aspect-ratio:1;--_m:conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;width:50px;-webkit-mask:var(--_m);-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;background:#fff;border-radius:50%;padding:8px;animation:1s linear infinite l3;-webkit-mask-composite:source-out;mask-composite:subtract}@keyframes l3{to{transform:rotate(1turn)}}.genre-details{padding:45px 0}.genre-details__grid{grid-template-columns:1fr;gap:20px;display:grid}.genre-details__title{margin:0 0 25px}.genre-details__card{background-color:#1b1c1d;grid-template-columns:160px 1fr;display:grid}.genre-details__image{object-fit:cover;width:100%;height:auto;display:block}.genre-details__content{padding:16px}.genre-details__movie-title{margin:0 0 12px}.genre-details__text{margin:0 0 10px}.genre-details__rating{margin:0 0 8px}.genre-details__year{margin:0}.genre-details__rating,.genre-details__year{color:#ffffffb8}.genre-details__loader-trigger{color:#ffffffb8;justify-content:center;align-items:center;min-height:60px;margin-top:24px;display:flex}.genre-details__loader-wrapper{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex}@media (width<=520px){.genre-details{padding:30px 0}.genre-details__card{grid-template-columns:133px 1fr}.genre-details__content{padding:7px}}.genres{padding:45px 0}.genres__title{margin:0 0 25px}.genres__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.genres__card{aspect-ratio:6/5;background:#1b1c1d;border-radius:16px;display:block;position:relative;overflow:hidden}.genres__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.genres__card:after{content:"";pointer-events:none;background:linear-gradient(#0000000a 35%,#000000c2);position:absolute;inset:0}.genres__movie-title{z-index:1;text-transform:capitalize;padding:16px;font-size:1.15rem;font-weight:700;position:absolute;bottom:0;left:0}.genres__card:hover .genres__image{transform:scale(1.05)}.genres__loader-wrapper{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex}@media (width<=520px){.genres{padding:30px 0}.genres__grid{grid-template-columns:1fr;gap:14px}.genres__movie-title{padding:14px}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.home__hero{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:clamp(520px,65vw,760px);margin:40px 0 80px;padding:48px;display:flex;position:relative}.home__hero-content{max-width:640px}.home__hero-eyebrow,.home__top-eyebrow{color:#c8ff76;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-weight:700}.home__hero-title{margin:0 0 10px}.home__hero-subtitle{color:#ffffffb3;margin:0 0 10px}.home__hero-top-rating{color:#daa520;margin:0 0 10px}.home__hero-mobile-image{display:none}.home__hero-meta{color:#ffffffb8;flex-wrap:wrap;gap:12px;margin:0 0 20px;display:flex}.home__hero-description{color:#ffffffe6;max-width:560px;margin:24px 0 0}.home__hero-genres{flex-wrap:wrap;gap:10px;margin:0 0 50px;display:flex}.home__hero-actions{flex-wrap:wrap;gap:14px;margin:0;display:flex}.home__top{z-index:1;position:relative}.home__top-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.home__top-title{margin:0 0 12px}.home__top-subtitle{color:#ffffffc7;margin:0}.home__top-link{color:#f5f5f5;font-weight:700}.home__top-link:hover{color:#c8ff76}.home__top-list{padding:18px 0;position:relative}.home__top-list:before,.home__top-list:after{content:"";background:#ffffff1f;width:100vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.home__top-list:before{top:0}.home__top-list:after{bottom:0}.swiper-button-prev,.swiper-button-next{color:#c8ff76;cursor:auto;background-color:#f3f6ea2e;border-radius:50%;width:clamp(30px,5vw,70px);height:clamp(30px,5vw,70px);padding:10px;top:50%;transform:translateY(-50%)}.swiper-button-prev:hover,.swiper-button-next:hover{color:#fff;background-color:#f3f6ea59}.home__top-card{grid-template-columns:1fr;gap:14px;height:100%;display:grid}.home__top-card-rank{color:#c8ff76;text-align:center;font-weight:800}.home__top-card-image{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.home__top-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.home__top-card-meta{color:#ffffffb8;margin:0}.home__page-loading{text-align:center;padding:20px}.home__error{border-radius:5px;flex-direction:column;justify-self:center;align-items:center;gap:20px;width:250px;padding:20px;display:flex}.home__error-message{text-align:center;margin:0}.home__error-btn{border:none;border-radius:8px;padding:4px 14px}.home__loader-wrapper{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex}@media (width<=768px){.home__hero{min-height:unset;margin:0 0 50px;padding:15px 0;background-image:none!important}.home__hero-top-rating{text-align:center}.home__hero-mobile-image{border-radius:12px;width:100%;height:auto;padding:16px 0;display:block}.home__hero-title{margin:0 0 15px}.home__hero-subtitle{margin:0 0 8px}.home__hero-meta{justify-content:center;margin:0 0 20px}.home__hero-description{margin:0 0 20px}.home__hero-genres{margin:0 0 24px}.home__hero-actions{flex-wrap:nowrap;margin:0}.swiper-button-prev,.swiper-button-next{width:clamp(20px,10vw,40px);height:clamp(20px,10vw,40px);padding:5px}.home__top-header{flex-direction:column;align-items:start}.home__top-card-title{margin:0 0 5px}}.movie{max-width:1440px;margin:0 auto;padding-block:30px}.movie__wrapper{grid-template-columns:320px 1fr;grid-template-areas:"poster title""poster info""actions info";align-items:start;gap:25px 160px;display:grid}.movie__info{grid-area:info}.movie__poster-wrapper{border-radius:20px;grid-area:poster;width:100%;overflow:hidden}.movie__poster{width:100%;height:auto;display:block}.movie__title{grid-area:title;margin:0 0 20px}.movie__text{color:#fff;grid-template-columns:minmax(100px,200px) minmax(200px,330px);padding-block:8px;padding-inline:0;display:grid}.movie__text-title{color:#ffffffa6}.movie__text-gray{color:#ffffff80}.movie__description{max-width:1000px;margin:0 0 50px}.movie__actions{flex-wrap:wrap;grid-area:actions;justify-content:center;gap:16px;margin-block-end:165px;display:flex}.movie__story-title{margin:0 0 25px}.movie__error{color:#ff6b6b;margin:12px 0 0}.movie__trailer-player{aspect-ratio:16/9;width:100%;max-width:900px;position:relative;overflow:hidden}.movie__trailer-iframe{border:0;width:100%;height:100%;display:block}.movie__trailer-player>div{width:100%;height:100%}.movie__loader-wrapper{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex}@media (width<=1024px){.movie__wrapper{grid-template-columns:1fr;grid-template-areas:"poster""title""actions""info";gap:15px;margin-block-end:25px}.movie__poster-wrapper{justify-self:center;max-width:600px;display:flex}.movie__title{text-align:center;margin:0}.movie__info{padding-block-start:80px}.movie__actions{margin-block-end:0}.movie__data-info{grid-template-columns:1fr;gap:20px;display:grid}.movie__text{grid-template-columns:minmax(80px,200px) minmax(200px,330px);column-gap:20px;padding:0}.movie__data-text{width:auto;min-width:0}}@media (width<=520px){.movie__data-info{gap:5px}.movie__text{border-block-end:1px solid #ffffff1f}.movie__trailer-player{max-width:100%}}.not-found__title{margin:0}.profile{padding-block:45px}.profile__title-log-wrap{justify-content:space-between;align-items:center;gap:20px;display:flex}.profile__title{margin:0}.profile__card{flex-direction:column;gap:10px;padding-block:25px;display:flex}.profile__card-text{color:#ffffffd6;margin:0}.profile__favorites{background-color:#1b1c1d;border-radius:10px;padding:20px}.profile__favorites-title{margin:0 0 16px}.profile__favorites-subtitle{margin:0 0 15px}.profile__movie-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.profile__movie{background-color:#1b1c1d;border-radius:16px;display:block;overflow:hidden}.profile__movie-image{object-fit:cover;width:100%;display:block}.profile__movie-content{padding:16px 5px 5px}.profile__movie-title{margin:0 0 12px}.profile__movie-text{margin:0}.profile__movie-rating,.profile__movie-year{color:#ffffffb8;margin:0 0 8px}.profile__loader-wrapper{justify-content:center;align-items:center;width:100%;height:calc(100vh - 80px);display:flex}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Regular.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Medium.woff2)format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.woff2)format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Anton;src:url(/fonts/Anton-Regular.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.woff2)format("woff2");font-weight:400;font-display:swap;font-style:normal}*{box-sizing:border-box}body{color:#f5f5f5;background-color:#0f1011;min-height:100vh;margin:0;font-family:Manrope,sans-serif;overflow-x:hidden}main{flex:1}h1{font-size:3.5rem}h1,h2,h3{font-family:Bebas Neue,sans-serif;line-height:1.2}h2{font-size:3rem}h3{font-size:2rem}p{font-size:1rem;line-height:1.5}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{font:inherit;cursor:pointer;background-color:unset;color:unset;padding:unset;border:unset;-webkit-tap-highlight-color:transparent}.app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}.header{z-index:20;color:#f5f5f5;background-color:#111812;border-bottom:1px solid #ffffff1f;position:relative}.header__content{grid-template-columns:auto 2fr auto;justify-content:space-between;place-items:center;gap:24px;min-height:80px;padding-top:20px;padding-bottom:20px;display:grid}.auth-button_link{color:#000;background-color:#f5f5f5;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.logo{justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.logo__background{width:140px;height:auto;display:block}.logo__text{color:#fff;font-family:Anton,sans-serif;font-size:28px;line-height:1;position:absolute;top:57%;left:49%;transform:translate(-50%,-50%)}.navigation{align-items:center;gap:20px;display:flex}.header__search{position:relative}.navigation__link{color:#f5f5f5;background:0 0;border:none}.navigation__link:hover{color:#c8ff76}.footer{background-color:#111812;border-top:1px solid #ffffff1f;min-height:120px;padding-top:20px;padding-bottom:20px}.footer__content{flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-button{border:none;border-radius:8px;padding:10px 16px}@media (width<=1024px){.header__content{grid-template-columns:auto auto;justify-items:baseline}.auth-button{order:2}.navigation{order:3}h1{font-size:3rem}p{font-size:1rem;line-height:1.5}}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.6rem}p{font-size:1rem;line-height:1.5}}@media (width<=450px){h1{font-size:1.5rem;line-height:1.2}h2{font-size:1.25rem;line-height:1.2}p{font-size:.9rem;line-height:1.5}.logo__background{width:100px}.logo__text{font-size:20px}}.btn{color:#000;white-space:nowrap;background-color:#f5f5f5;border-radius:10px;padding:10px 16px;transition:color .2s,background-color .2s}.btn-auth{color:#111812;background-color:#f5f5f5}.btn-auth:hover{background-color:#c8ff76}.btn-close{color:#f5f5f5}.btn-logout{background-color:#be3741cc}.btn-logout:hover{color:#f5f5f5;background-color:#be3741}.btn-hero-genre{color:#f5f5f5;background-color:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:6px 13px}.btn-hero-genre:hover{background-color:#ffffff3d}.btn-hero{color:#f5f5f5;cursor:pointer;background-image:linear-gradient(#464d55,#25292e);border-radius:8px;padding:13px 26px;font-size:18px;text-decoration:none;box-shadow:0 10px 20px #0000001a,0 3px 6px #0000000d}.btn-hero:hover{opacity:.85;box-shadow:0 2px 8px #00010033}.btn-hero:active{outline:0}.btn-hero:focus{box-shadow:0 0 0 3px #00000080}.btn-favorite{background-color:initial;color:#fff;min-height:64px;padding:19px 26px;font-size:16px;font-weight:800;position:relative}@media (width>=768px){.btn-favorite{padding:19px 32px}}.btn-favorite:before,.btn-favorite:after{border-radius:80px}.btn-favorite:before{content:"";z-index:-2;background-color:#f93a1352;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.btn-favorite:after{background-color:initial;content:"";z-index:-1;background-image:linear-gradient(92.83deg,#ff7426 0,#f93a13 100%);transition:all .1s ease-out;display:block;position:absolute;inset:4px;overflow:hidden}.btn-favorite:hover:not(:disabled):after{transition-timing-function:ease-in;inset:0}.btn-favorite:active:after{background-image:linear-gradient(#0003,#0003),linear-gradient(92.83deg,#ff7426 0,#f93a13 100%);inset:4px}.btn-favorite:disabled{cursor:default;opacity:.24}@media (width<=420px){.btn-hero{padding:10px 19px;font-size:16px}}