.app-container{display:flex;flex-direction:column;min-height:100vh;margin:0 auto}.main-content{flex:1 0 auto}.main-content.home-background{background-image:url(/assets/Legend-qagV8ymc.png);background-size:contain;background-position:center top;background-color:#f0f0f0;flex:1 0 auto;height:100%}.header{width:auto;margin:0 auto;box-shadow:0 2px 4px #0000001a;background-repeat:no-repeat;background-size:cover}.header__logo{position:relative;z-index:1001;color:red;height:24px;font-weight:700;font-size:20px;line-height:24px;white-space:nowrap;flex-shrink:0}.header__profile-logo{position:relative;z-index:1001;height:24px;font-weight:700;font-size:20px;line-height:24px}.header__nav-bar{display:flex;align-items:center;justify-content:space-between;margin-left:auto;border-bottom:1px solid #c4c4c4;padding:0 104px;background-color:#ff0}.header__search-bar{width:100%;display:flex;flex-direction:column;align-items:center}.header__profile{width:auto;margin:0 auto;box-shadow:0 2px 4px #0000001a}@media screen and (max-width: 768px){.header__logo{width:200px;height:25px;margin-left:40px}.header__profile-logo{margin-left:40px}.header__nav-bar{padding:0}}@media screen and (max-width: 320px){.header{width:100%}.header__logo{width:117px;height:24px;margin-left:16px}}.navigation{height:80px;display:flex;justify-content:center;align-items:center}.nav-list{list-style:none;display:flex;align-items:center;justify-content:flex-start;gap:42px;padding:0;width:100%;max-width:1024px}.nav-list__auth{display:flex;align-items:center;gap:32px;margin:0 0 0 auto}.nav-list__item{position:relative}.nav-list__link{text-decoration:none;color:#b6bcbf;font-size:18px;font-weight:500;white-space:nowrap}.nav-list__link:hover{border-width:3px;text-decoration:underline;cursor:pointer}.nav-list__link:focus-visible{outline:2px solid #2f71e5;outline-offset:2px;text-decoration:underline}.nav-list__link-home{text-decoration:none;color:#000;width:49px;height:24px;font-weight:500;font-size:18px;line-height:24px}.nav-list__link-home:hover{border-width:3px;text-decoration:underline;cursor:pointer}.nav-list__link-home:focus-visible{outline:2px solid #2f71e5;outline-offset:2px;text-decoration:underline}.nav-list__button{padding:12px 20px;border-radius:100px;background:transparent;color:#000;border:1px solid white;font-size:18px;cursor:pointer;transition:.3s ease;width:176px;height:48px}.nav-list__button:hover{border-bottom:68px solid #fff;border-width:3px;background-color:#245dd8;color:#fff;border:1px solid #245dd8;cursor:pointer}.nav-list__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.nav-list_pokemon .nav-list__link,.nav-list_pokemon .nav-list__link-home,.nav-list_pokemon .nav-list__button{color:#000;border-color:#000;font-weight:500;font-size:18px;line-height:24px}.nav-list_pokemon .nav-list__button:focus-visible{outline:2px solid #1a1b22}.nav-list__logout{width:20px;height:20px}.hamburger-menu{display:none;background:none;border:none;padding:0;cursor:pointer;width:24px;height:24px;justify-content:space-between;position:relative}.hamburger-menu:focus-visible{outline:2px solid #1a1b22;outline-offset:2px}.hamburger-menu__line{width:100%;height:2px;background-color:#1a1b22;transition:all .3s ease}.mobile-menu{display:none;position:fixed;inset:0;background-color:#00000080;height:100vh;z-index:1000}.mobile-menu__list .nav-list__link-home:focus-visible{outline:2px solid #2f71e5;outline-offset:2px;text-decoration:underline}@media screen and (max-width: 768px){.navigation{padding:0 20px}.nav-list{gap:24px}.nav-list__button{margin-left:0}.nav-list__link-home{margin-left:8px}.mobile-menu,.hamburger-menu{display:none}}@media screen and (max-width: 320px){.navigation{justify-content:flex-end;height:56px;padding:0;position:fixed;top:0;width:100vw;left:0;z-index:100}.nav-list{display:none}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-between;height:24px;gap:8px;padding:0;background-color:#fff;margin-right:16px}.hamburger-menu__line{width:24px;height:3px;background-color:#000;border-radius:2px}.mobile-menu{position:fixed;inset:0;background-color:#00000080;height:100vh;z-index:1000}.mobile-menu.mobile-menu-open{display:block}.mobile-menu__content{height:100vh;position:relative;padding-top:16px}.mobile-menu-open+.nav-list{display:none}.nav__logo{z-index:1001}.mobile-menu__list{list-style:none;padding:40px 16px 16px;margin:0;display:flex;flex-direction:column;gap:22px;align-items:center}.mobile-menu__list:hover{text-decoration:underline;cursor:pointer}.mobile-menu__list .nav-list__link-home{position:static;left:auto;top:auto;color:#1a1b22;text-decoration:none;font-size:18px;font-weight:500}.mobile-menu__list .nav-list__link-home:hover{text-decoration:underline;cursor:pointer}.close-icon{position:absolute;top:16px;right:16px;width:24px;height:24px;z-index:1002}.close-icon:focus-visible{outline:2px solid #1a1b22;outline-offset:2px}.close-icon__line{position:absolute;width:24px;height:3px;background-color:#000;top:50%;left:0}.close-icon__line:first-child{transform:rotate(45deg)}.close-icon__line:last-child{transform:rotate(-45deg)}}.search-bar{margin-bottom:88px;margin-top:80px;flex-direction:row}.search-bar__row{display:flex;align-items:center;position:relative}.search-input{height:64px;border-radius:100px;font-weight:400;font-size:16px;line-height:22px;width:608px;padding:0 20px;border:none}.search-input:focus{outline:2px solid #2f71e5;outline-offset:2px}.search-bar__error{color:red;font-size:16px;margin-top:8px}.search__button{width:168px;height:64px;border-radius:100px;background-color:#2f71e5;cursor:pointer;color:#fff;font-weight:500;font-size:18px;line-height:24px;letter-spacing:0px;transition:background-color .3s ease;border:none;top:0;right:0;position:absolute}.search__button:hover{background-color:#347eff}.search__button:focus{outline:2px solid #2f71e5;outline-offset:2px}@media screen and (max-width: 768px){.search-input{width:452px}}@media screen and (max-width: 320px){.search-bar{display:flex;flex-direction:column;margin-top:122px}.search-input{width:260px}.search__button{width:auto;top:80px;right:0;left:0}.search-bar__row{flex-direction:column}.search-bar__error{margin-top:86px;margin-left:16px}}.about{margin:0 auto;padding:20px}.about__content{display:flex;gap:60px;align-items:start}.about__title{height:46px;margin-left:0;margin-bottom:20px;font-weight:400;font-size:40px;line-height:46px;margin-top:131px}.about__text{max-width:600px;font-weight:400;font-size:18px;line-height:24px;margin:0}.about__text-content{flex:1;display:flex;flex-direction:column;color:#1a1b22}.about__image{width:464px;height:464px;object-fit:cover;border-radius:1000px;margin-top:80px}.about__image-container{flex:0 0 auto}@media screen and (max-width: 768px){.about{margin-bottom:64px;padding:0}.about__image{width:232px;height:232px;object-fit:cover;gap:32px}.about__image-container{width:232px;height:232px}.about__title{font-size:30px;max-width:424px;height:34px;line-height:40px;padding:0}.about__text{max-width:424px;height:auto;margin-left:0}}@media screen and (max-width: 320px){.about__content{flex-direction:column;gap:24px;align-items:center;padding:16px}.about__image{width:272px;height:272px}.about__image-container{width:272px;height:272px;margin-bottom:16px}.about__title{max-width:288px;height:auto;margin-left:0;margin-bottom:20px}.about__text{max-width:288px;height:auto;font-size:18px;margin-left:0;position:static;top:auto;left:auto}.about__text-content{max-width:288px;width:100%;display:flex;flex-direction:column;gap:16px;order:2}}.footer{padding:20px 40px;background-color:#708090;flex-shrink:0}.footer__content{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:40px}.footer__copyright{color:red;order:1;font-weight:400;font-size:16px;line-height:22px;margin:0 0 0 104px}.footer__nav{display:flex;align-items:center;gap:20px;order:2;margin-left:524px;flex:1 1 auto}.footer__nav-link{text-decoration:none;color:#000;width:auto;min-width:max-content;height:24px;font-weight:400;font-size:18px;line-height:24px}.footer__nav-link:hover{cursor:pointer;text-decoration:underline}.footer__nav-link:focus-visible{outline:2px solid yellow;outline-offset:2px;text-decoration:underline}.footer__nav-link:nth-last-child(2){margin-left:20px}@media screen and (max-width: 768px){.footer{padding:10px 15px;box-sizing:border-box}.footer__content{flex-wrap:wrap;gap:10px;justify-content:space-between}.footer__nav{margin-left:0;flex-wrap:wrap}.footer__copyright{margin-left:0;flex:1 1 auto}}@media screen and (max-width: 320px){.footer{padding:20px;text-align:center}.footer__content{flex-direction:column;align-items:flex-start;gap:5px;position:relative}.footer__nav{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;order:1;margin-left:0;align-self:flex-start}.footer__copyright{color:#999;font-size:16px;width:288px}}.modal{position:fixed;inset:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;visibility:hidden}.modal_opened{visibility:visible}.modal__content_type_form{background-color:#fff;position:relative;padding:28px 28px 36px;max-width:498px;box-sizing:border-box;width:100%;border-radius:20px}.modal__title{margin:0 0 20px;height:32px;font-weight:900;font-size:24px;line-height:100%;color:#000;text-align:left}.modal__close{position:absolute;top:-45px;right:-45px;border:none;cursor:pointer;background:none}.modal__close:hover{opacity:.7}.modal__close:focus-visible{outline:2px solid;outline-offset:2px}.modal__form{display:flex;flex-direction:column;width:100%;gap:15px;margin-top:30px}.modal__submit{width:100%;max-width:360px;margin:24px auto 0;height:64px;cursor:pointer;background-color:#2f71e5;font-weight:500;font-size:18px;line-height:24px;border-radius:100px;color:#fff}.modal__submit:hover{background-color:#245dd8;color:#fff;border:1px solid #245dd8;cursor:pointer}.modal__submit:focus-visible{outline:2px solid #1e5acc;outline-offset:3px}.modal__submit:disabled{background-color:#ccc;color:#666;opacity:.6;margin-bottom:16px}.modal__submit:disabled:hover{cursor:not-allowed;background-color:#cccc;color:#666}@media screen and (max-width: 320px){.modal{position:fixed;inset:0;z-index:1000}.modal_opened{visibility:visible}.modal__content_type_form{padding:20px;width:100%;max-width:320px;height:100%;max-height:536px}.modal__close{right:0;top:-35px}.modal__submit{margin-left:auto;margin-right:auto;width:288px}}.circle-preloader{display:block;width:74px;height:74px;border:4px solid #444;border-bottom-color:#888;border-radius:50%;position:absolute;inset:0;margin:auto;animation:spin .75s infinite linear}.preloader-content{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:80px;font-family:Roboto,Arial,sans-serif;font-weight:400;font-size:18px;line-height:24px;color:#b6bcbf;background-color:#f5f6f7}@keyframes spin{to{transform:rotate(360deg)}}.login__link{width:fit-content;border:none;background:none;color:#2f71e5;padding:0;cursor:pointer;font-size:16px;margin-left:5px;font-weight:400;font-size:14px;line-height:100%}.login__link:hover{text-decoration:underline;cursor:pointer}.login__link:focus-visible{outline:2px solid #2f71e5;outline-offset:2px;text-decoration:underline}.modal__label{color:#2f71e5;text-align:left;font-size:12px;line-height:100%;font-weight:400;display:flex;flex-direction:column;gap:8px}.modal__input{width:100%;height:47px;top:295px;left:541px;border-radius:1px;border:none;border-bottom:1px solid;padding:8px;font-weight:400;font-size:14px}.modal__input:focus-visible{outline:none;border-bottom:2px solid #2f71e5;box-shadow:0 2px #2f71e5}.modal__error{color:#ff4d4d;margin:0 0 20px;text-align:left;font-size:14px}@media screen and (max-width: 320px){.login__link{margin-left:20px}.modal__input{height:40px}}.register__link{border:none;cursor:pointer;background:none;color:#2f71e5;height:20px;font-weight:400;font-size:14px;line-height:100%;padding:0%;margin:20px auto 0;display:block;text-align:center}.register__link:hover{text-decoration:underline;cursor:pointer}.register__link:focus-visible{outline:2px solid #2f71e5;outline-offset:2px}.registration-success{text-align:center;padding:20px}.registration-success p{font-size:24px;color:#000;margin:0;font-weight:900}.registration-success__modal{position:relative;width:430px;background-color:#fff;border-radius:16px;padding:40px 36px;box-shadow:0 4px 10px rgba(0,0,0 .15);box-sizing:border-box;height:182px}.registration-success__message{font-weight:900;font-size:24px;line-height:1.2;color:#000}.registration-success__button{background:none;border:none;color:#2f71e5;cursor:pointer;padding:0;font-size:16px;font-weight:500;line-height:100%}.registration-success__button:hover{text-decoration:underline}.registration-success__button:focus{outline:2px solid #2f71e5;outline-offset:2px}.modal__close-button{position:absolute;top:-38px;right:-38px;background:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.3566%2019.9998L31.1781%2028.8213L28.8211%2031.1783L18.3497%2020.7069C17.9592%2020.3164%2017.9592%2019.6832%2018.3497%2019.2927L28.8211%208.82129L31.1781%2011.1783L22.3566%2019.9998Z'%20fill='white'/%3e%3cpath%20d='M18.1307%2019.9998L9.30919%2028.8213L11.6662%2031.1783L22.1376%2020.7069C22.5281%2020.3164%2022.5281%2019.6832%2022.1376%2019.2927L11.6662%208.82129L9.30919%2011.1783L18.1307%2019.9998Z'%20fill='white'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;width:40px;height:40px;border:none}.modal__close-button:hover{cursor:pointer}.modal__close-button:focus{outline:2px solid #2f71e5;outline-offset:2px}@media screen and (max-width: 320px){.mobile{background-color:#1a1b22;height:230px;width:100%;position:fixed;top:0;display:flex;flex-direction:column;align-items:center;padding-top:60px}.mobile__link{width:288px;height:56px;font-weight:500;font-size:18px;line-height:56px;margin-left:16px;margin-bottom:20px;text-align:left;color:#fff}.mobile__link:hover{text-decoration:underline;cursor:pointer}.mobile__link:focus-visible{outline:2px solid #fff;outline-offset:2px;text-decoration:underline}.mobile__button{width:288px;height:56px;font-weight:500;font-size:18px;background-color:transparent;color:#fff;border:1px solid white;border-radius:100px;cursor:pointer;text-align:center}.mobile__button:hover{background-color:#245dd8;color:#fff;border:1px solid #245dd8;cursor:pointer}.mobile__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.mobile__close{position:absolute;top:16px;right:16px;background:none;border:none;padding:0;cursor:pointer}.mobile__close:hover{background-color:#ffffff1a;border-radius:50%}.mobile__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.mobile__close-icon{width:24px;height:24px}}.pokemon-card{width:400px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin:16px}.pokemon-card__image-wrapper{width:400px;height:272px;position:relative}.pokemon-card__image{width:100%;height:100%;object-fit:contain}.pokemon-card__save-button{background:transparent;border:none;width:40px;height:40px;cursor:pointer;padding:0;position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 6px #00000026}.pokemon-card__save-button:hover{background-color:#245dd8;border:1px solid #245dd8}.pokemon-card__save-button:focus-visible{outline:2px solid #2f71e5;outline-offset:2px;border-radius:50%}.pokemon-card__content{padding:16px}.pokemon-card__name{font-weight:400;font-size:26px;line-height:30px;color:#1a1b22;margin:0 0 8px}.pokemon-card__description{font-size:16px;line-height:22px;color:#1a1b22;margin:0 0 12px}.pokemon-card__stats,.pokemon-card__types{font-size:14px;color:#555;margin:4px 0}.pokemon-card__evolution h4{margin:12px 0 4px}.pokemon-card__evolution ul{list-style:none;padding:0;display:flex;gap:8px}@media screen and (max-width: 768px){.pokemon-card{width:300px}.pokemon-card__image-wrapper{width:224px;height:150px}.pokemon-card__name{font-size:22px;line-height:24px}.pokemon-card__description{font-size:14px}.pokemon-card__stats,.pokemon-card__types{font-size:12px}}@media screen and (max-width: 320px){.pokemon-card{width:240px}.pokemon-card__image-wrapper{width:288px;height:196px}.pokemon-card__name{font-size:18px;line-height:20px}.pokemon-card__description{font-size:14px;line-height:18px}}.main{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:20px}.main__title{font-weight:400;font-size:60px;line-height:64px;color:#708090;max-width:608px;margin:0 auto}.main__info{font-weight:400;font-size:18px;line-height:24px;color:#708090;width:608px;margin:32px auto 0}.main__children{display:grid;margin-bottom:30px}.main__search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.main__saved-pokemon{margin-top:50px;text-align:left}.main__saved-pokemon h3{margin-bottom:15px}.saved-pokemon__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.saved-pokemon__item{background-color:#f8f8f8;padding:15px;border-radius:10px;box-shadow:0 2px 6px #0000001a;text-align:center}.pokemon-card{background-color:#fff;padding:15px;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center}.pokemon-card h3{margin-bottom:10px;font-size:1.2rem;color:#333}.pokemon-card img{width:100px;height:100px;margin-bottom:10px}.pokemon-card p{margin:5px 0;font-size:.9rem;color:#555}.pokemon-card button{margin-top:10px;padding:8px 12px;background-color:#ffcb05;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s ease}.pokemon-card button:hover{background-color:#ffdb4d}.pokemon-card button:active{transform:scale(.98)}.pokemon-card button:disabled{background-color:#ccc;cursor:not-allowed}@media screen and (max-width: 768px){.main__title{max-width:385px;font-size:36px;line-height:40px}.main__info{max-width:452px;margin:20px auto 0}.main__search-results,.saved-pokemon__list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media screen and (max-width: 320px){.main__title{max-width:288px;margin-top:30px;font-size:28px}.main__info{width:288px;margin:16px auto 0}.main__search-results,.saved-pokemon__list{grid-template-columns:1fr;gap:15px}}.pokemon-grid{max-width:1280px;margin:0 auto;background-color:#f5f6f7}.pokemon-grid__container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.pokemon-grid__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#d1d2d6;padding:60px 20px;text-align:center}.pokemon-grid__no-results-title{font-family:Roboto Slab,Georgia,serif;font-size:26px;font-weight:400;line-height:30px;color:#1a1b22;margin:0 0 16px}.pokemon-grid__no-results-text{font-family:Roboto,Arial,sans-serif;font-size:18px;line-height:24px;color:#b6bcbf;max-width:400px;text-align:center;white-space:pre-line}@media screen and (max-width: 768px){.pokemon-grid{max-width:100%;padding:0 16px}.pokemon-grid__container{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (max-width: 320px){.pokemon-grid{max-width:320px;padding:0}.pokemon-grid__container{grid-template-columns:1fr;gap:10px}}.profile-page{display:flex;flex-direction:column;align-items:flex-start;padding:0 104px;box-sizing:border-box}.profile-header{max-width:1440px}.profile-header__label{font-family:Roboto,Arial,sans-serif;font-size:18px;font-weight:400;color:#1a1b22;margin-right:624px;text-align:left}.profile-header__title{font-family:Roboto Slab,Georgia,serif;font-size:40px;font-weight:400;line-height:46px;color:#1a1b22;max-width:530px;text-align:left}.profile__no-pokemon{font-family:Roboto,Arial,sans-serif;font-size:18px;color:#1a1b22;margin:32px 0}@media screen and (max-width: 768px){.profile-page{padding:0}.profile-header__label{max-width:712px;width:100%;margin-right:0;margin-top:24px;margin-left:40px}.profile-header__title{margin-left:40px}.profile__no-pokemon{margin-left:40px;margin-bottom:32px}}@media screen and (max-width: 320px){.profile-page{padding-left:16px;padding-right:16px}.profile-header__label{font-size:12px;margin-left:0;margin-right:0;max-width:100%}.profile-header__title{font-size:30px;max-width:100%;line-height:34px;margin-left:0;margin-right:0}.profile__no-pokemon{margin-left:0;margin-right:0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}