.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal__close{position:absolute;top:0;right:-70px;width:48px;height:48px;border-radius:50%;border:none;background:#fff;color:#000;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:.2s;z-index:1100}.auth-modal__close:hover{background:#67a5eb}.auth-modal__content{position:relative;background:#fff;padding:40px 30px;border-radius:12px;width:400px;max-width:90%;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 30px #00000080}.auth-modal__logo{width:132px;margin-bottom:40px}.auth-modal__title{margin-bottom:24px;font-weight:700;font-size:24px;line-height:32px;color:#000}.auth-modal__text{margin-bottom:24px;font-weight:400;font-size:18px;line-height:24px;color:#000;text-align:center}.auth-modal__form{width:100%;display:flex;flex-direction:column;gap:12px}.auth-modal__input{min-height:56px;padding:16px;border-radius:8px;border:none;border:1px solid rgba(0,0,0,.4);background:#fff;color:#0006;font-weight:400;font-size:18px;line-height:24px;box-sizing:border-box}.auth-modal__input-password{margin-bottom:12px}.auth-modal__input::placeholder{color:#aaa}.auth-modal__submit{margin-bottom:24px;width:100%;padding:16px;border-radius:28px;border:none;background-color:#67a5eb;color:#fff;font-weight:700;font-size:18px;line-height:24px;transition:.2s}.auth-modal__submit:disabled{opacity:.6;cursor:not-allowed}.auth-modal__submit:hover:not(:disabled){background-color:#ff6f33}.auth-modal__error{color:#f55;font-size:13px;text-align:center}.auth-modal__switch{background:none;border:none;color:#000;font-weight:700;font-size:18px;line-height:24px;transition:.2s}.auth-modal__switch:hover{color:#ff6f33}.header{padding-top:24px;padding-bottom:24px}.header__container{display:flex;gap:80px}.header__logo{display:flex;align-items:center}.header__list{margin-bottom:0;display:flex;gap:40px}.header__item{position:relative;display:flex;align-items:center}.header__item-link{position:relative;font-size:24px;line-height:32px;color:#fff}.header__item-link:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#dc5dfc;transition:width .4s ease}.header__item-link.active:after{width:100%}.header__search{padding:12px 16px;display:flex;width:655.67px;height:48px;box-sizing:border-box;border-radius:8px;background-color:#393b3c;border:none;outline:none;font-weight:400;font-size:18px;line-height:24px;color:#ffffff80}.header__auth{display:flex;align-items:center}.auth-button{font-size:24px;line-height:32px;color:#fff;background:none;border:none}.header__dropdown{position:absolute;top:130%;right:0;width:90%;display:flex;flex-direction:column;align-items:center;background-color:#393b3c;border-radius:8px;z-index:100;overflow-y:auto;padding:8px}.header__dropdown-item{width:95%;padding:20px 8px;transition:border .3s ease-in-out}.header__dropdown-item:hover{border:1px solid rgba(255,255,255,.5);border-radius:6px}.header__dropdown-link{display:flex;gap:16px;cursor:pointer;align-items:flex-start}.header__dropdown-poster{width:40px;height:52px;object-fit:cover}.header__dropdown-info{margin-bottom:8px;display:flex;flex-direction:column;gap:12px}.dropdown-info__top{display:flex;flex-direction:row;gap:12px}.dropdown-info__rating{box-sizing:border-box;text-align:center;width:47px;height:20px;padding:2px 8px;border-radius:16px;font-weight:700;font-size:12px;line-height:16px;color:#fff}.dropdown-info__year,.dropdown-info__genre,.dropdown-info__runtime{font-weight:400;font-size:14px;line-height:20px;color:#ffffffb3}.dropdown-info__bottom{font-size:14px;font-weight:600;color:#000}.dropdown-info__title{font-weight:700;font-size:18px;line-height:24px;color:#fff}.footer{padding-top:42px;padding-bottom:42px}.footer__container{justify-content:flex-end}.footer__list{display:flex;gap:24px}.home-page{padding-top:32px}.random-movie__block-left{display:flex;flex-direction:column;justify-content:center;padding-right:20px;width:50%}.random-movie__characteristics{margin-bottom:16px;display:flex;gap:16px;align-items:center}.random-movie__rating{padding:4px 12px;border-radius:16px;display:flex;gap:4px;align-items:center;font-weight:700;font-size:18px;line-height:24px;color:#fff}.random-movie__year,.random-movie__genre,.random-movie__runtime{font-weight:400;font-size:18px;line-height:24px;color:#ffffffb3}.random-movie__description{margin-bottom:60px}.random-movie__title{margin-bottom:16px;font-weight:700;font-size:48px;line-height:56px}.random-movie__plot{font-weight:400;font-size:24px;line-height:32px;color:#ffffffb3}.random-movie__buttons{display:flex;gap:16px}.random-movie__trailer,.random-movie__page,.random-movie__favorite,.random-movie__reload{display:flex;align-items:center}.random-movie__trailer{padding:16px 48px;font-weight:700;font-size:18px;line-height:24px;color:#fff;border-radius:28px;background-color:#67a5eb;border:none}.random-movie__page{padding:16px 48px;font-weight:700;font-size:18px;line-height:24px;color:#fff;border-radius:28px;border:none;background-color:#393b3c}.random-movie__favorite,.random-movie__reload{padding:16px 22px;border:none;border-radius:28px;background-color:#333}.random-movie__block-right{width:50%}.random-movie__poster{width:100%;height:552px;border-radius:16px}.top-movies{padding-top:40px;padding-bottom:120px}.top-movies__container{flex-direction:column}.top-movies__title{margin-bottom:64px;font-weight:700;font-size:40px;line-height:48px;color:#fff}.top-movies__list{display:flex;flex-wrap:wrap;column-gap:40px;row-gap:64px}.top-movie__item{position:relative;max-width:224px;width:17.3%;border:1px solid rgba(255,255,255,.25);border-radius:16px;box-shadow:0 0 80px #ffffff54}.top-movies__rank{position:absolute;top:-12px;left:-12px;width:62px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;line-height:32px;color:#6a5dc2;background-color:#fff;border-radius:50px}.top-movies__poster{width:100%;height:100%;border-radius:16px}.trailer-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1200}.trailer-modal__content{position:relative;width:960px;height:540px;border:1px solid rgba(255,255,255,.5);background-color:#393b3c}.trailer-modal__close-button{position:absolute;top:0;right:-70px;width:48px;height:48px;border-radius:50%;border:none;background:#fff;color:#000;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:.2s;z-index:1100}.trailer-modal__close-button:hover{background:#67a5eb}.genres-page{padding-top:64px}.genres__container{flex-direction:column}.genres__title{margin-bottom:64px;font-weight:700;font-size:48px;line-height:56px;color:#fff}.genres__list{display:flex;flex-wrap:wrap;width:100%;column-gap:40px;row-gap:64px}.genres__item{max-width:290px;width:22.4%;border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 0 80px #ffffff54;background-color:#0a0b0b}.genres__card-img{margin-bottom:22px}.genres__poster{border-radius:24px 24px 0 0;width:100%;height:220px}.genres__card-text{padding-bottom:30px;display:flex;justify-content:center}.genres__card-title{font-weight:700;font-size:24px;line-height:32px;color:#fff;text-transform:capitalize}.genre-page{padding-top:64px;padding-bottom:64px}.genre-page__container{display:flex;flex-direction:column}.genre-page__title{display:flex;align-items:center;gap:17px;margin-bottom:64px;font-weight:700;font-size:48px;line-height:56px;color:#fff;text-transform:capitalize}.genre-movies__list{margin-bottom:64px;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:40px;row-gap:64px}.genre-movie__item{width:17.3%;border:1px solid rgba(255,255,255,.25);border-radius:16px;box-shadow:0 0 80px #ffffff54}.genre-movie__poster{width:100%;height:100%;border-radius:16px}.genre-movies__btn-block{display:flex;justify-content:center}.genre-page__load-more{padding:16px 48px;font-weight:700;font-size:18px;line-height:24px;color:#fff;border-radius:28px;background-color:#67a5eb;border:none}.container{display:flex;margin:0 auto;max-width:1440px;padding-left:80px;padding-right:80px;box-sizing:border-box}.list-reset{margin-top:0;padding-left:0;list-style:none}.button-reset{cursor:pointer}.movie-page{padding-top:32px}.movie__block-left{display:flex;flex-direction:column;justify-content:center;padding-right:20px;width:50%}.movie__characteristics{margin-bottom:16px;display:flex;gap:16px;align-items:center}.movie__rating{padding:4px 12px;border-radius:16px;display:flex;gap:4px;align-items:center;font-weight:700;font-size:18px;line-height:24px;color:#fff}.rating-red{background-color:#c82020}.rating-gray{background-color:#777}.rating-green{background-color:#308e21}.rating-gold{background-color:#a59400}.movie__year,.movie__genre,.movie__runtime{font-weight:400;font-size:18px;line-height:24px;color:#ffffffb3}.movie__description{margin-bottom:60px}.movie__title{margin-bottom:16px;font-weight:700;font-size:48px;line-height:56px}.movie__plot{font-weight:400;font-size:24px;line-height:32px;color:#ffffffb3}.movie__buttons{display:flex;gap:16px}.movie__trailer,.movie__page,.movie__favorite,.movie__reload{display:flex;align-items:center}.movie__trailer{padding:16px 48px;font-weight:700;font-size:18px;line-height:24px;color:#fff;border-radius:28px;background-color:#67a5eb;border:none}.movie__favorite,.movie__reload{padding:16px 22px;border:none;border-radius:28px;background-color:#333}.movie__block-right{width:50%}.movie__poster{width:100%;height:552px;border-radius:16px}.about-movie{padding-top:40px;padding-bottom:120px}.about-movie__container{flex-direction:column}.about-movie__title{margin-bottom:64px;font-weight:700;font-size:40px;line-height:48px;color:#fff}.about-movie__list{margin-bottom:0;display:flex;flex-direction:column;row-gap:24px}.about-movie__item{width:40%;display:flex;align-items:center}.about-movie__list span{font-weight:400;font-size:18px;line-height:24px;color:#fff}.about-movie__list span:first-child{white-space:nowrap}.about-movie__list .dots{flex:1;border-bottom:1px dotted rgba(255,255,255,.3);margin:0 4px;height:0}.about-movie__list span:last-child{white-space:nowrap;text-transform:capitalize}.user-page{padding-top:64px;padding-bottom:64px}.user-page__container{flex-direction:column}.user-page__title{margin-bottom:64px;font-weight:700;font-size:48px;line-height:56px;color:#fff}.user-page__tabs{margin-bottom:64px;display:flex;gap:64px}.user-page__tab{position:relative;display:flex;gap:4px;padding:0;align-items:center;font-weight:400;font-size:24px;line-height:32px;background:none;border:none;color:#fff}.user-page__tab:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#dc5dfc;transition:width .4s ease}.user-page__tab.active:after{width:100%}.favorites__list{display:flex;flex-wrap:wrap;column-gap:40px;row-gap:64px}.favorites__item{position:relative;width:17.5%;min-height:336px;transition:transform .3s ease}.favorites__poster{width:100%;height:100%;border-radius:8px;transition:transform .3s ease;z-index:1}.favorites__item:hover .favorites__poster{transform:scale(1.03)}.favorites__remove{position:absolute;top:-20px;right:-20px;background:none;border:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:pointer;z-index:10}.favorites__item:hover .favorites__remove{opacity:1;visibility:visible}.favorites__remove svg:hover rect{fill:#dc5dfc;transition:fill .2s ease}.settings__list{margin-bottom:64px;display:flex;flex-direction:column;row-gap:40px}.settings__item{display:flex;column-gap:16px}.settings__item-avatar{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#ffffff80;font-weight:700;font-size:24px;line-height:32px;color:#fff;border-radius:30px}.settings__item-label{font-weight:400;font-size:18px;line-height:24px;color:#fff}.settings__item-value{font-weight:700;font-size:24px;line-height:32px;color:#fff}.settings__logout{padding:16px 48px;font-weight:700;font-size:18px;line-height:24px;color:#fff;background-color:#67a5eb;border:none;border-radius:28px}@font-face{font-family:Play;src:url(/assets/play-CqtrTTm5.woff2) format("woff2"),url(/assets/play-iU_cr5kd.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Play;src:url(/assets/play-bold-C9hdkgew.woff2) format("woff2"),url(/assets/play-bold-DoIFSDbH.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{margin:0;display:flex;justify-content:center;font-family:Play,sans-serif;font-weight:400;color:#fff;background:linear-gradient(178.73deg,#2787f52e -17.53%,#a393f52e 131.74%),linear-gradient(180deg,#000,#272424b3)}a{text-decoration:none}h1,h2,h3,h4,p{margin:0}