.form{display:flex;flex-direction:column;align-items:center;margin:190px auto;font-family:Inter;padding:50px 10px 56px;border-radius:8px;justify-content:space-between;background-image:url(/assets/Pokemon-login-DKDhLWH_.png);object-fit:cover;max-width:600px;min-height:650px}.form__logo{width:500px;height:180px}.form__title{font-size:28px;color:#0d549a;margin:0}.form__inputs{display:flex;flex-direction:column;width:100%;max-height:84px;max-width:358px;margin:50px 0;gap:24px}.form__input{background-color:#ffffff80;opacity:5;width:100%;height:100%;max-height:27px;border:none;color:#000;padding:10px 5px 11px;border:1px solid #0d549a;font-size:16px;line-height:17px;font-weight:500;border-radius:5px;border-width:2px}.form__submit-button{width:60%;height:100%;max-height:58px;max-width:358px;background-color:#1567b0;border-radius:5px;color:#fff;font-size:18px;line-height:22px;border:none;outline:none;cursor:pointer;padding:14px 84px;margin:20px 0 100px}.form__link-container{display:flex;flex-direction:row;align-items:center}.form__link{font-size:16px;line-height:17px;font-weight:500;color:#000;text-decoration:none}.form__link:hover{cursor:pointer;opacity:.8}.login__signup-link{margin-left:5px;display:inline;font-weight:700;color:#1567b0}.header__button{background-image:url(/assets/Pokemon-login-DKDhLWH_.png);border:2px solid #0a4e8b;color:#0a4e8b;padding:12px 16px;margin:0 0 0 28px;border-radius:10px;cursor:pointer;font-weight:700;font-size:16px;transition:background-color .2s,color .2s;min-width:180px}html{height:100%}body{margin:0;padding:0;width:100%;font-family:NataSans,sans-serif;background-image:url(/assets/back-N4F4aKHU.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100%}.page__content{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0;width:100%;min-height:100vh}.header__button{background-image:url(/assets/Pokemon-login-DKDhLWH_.png);border:2px solid #0a4e8b;color:#0a4e8b;padding:12px 16px;margin:0 0 0 28px;border-radius:10px;cursor:pointer;font-weight:700;font-size:16px;transition:background-color .2s,color .2s;min-width:180px}.header__logo{width:400px;height:140px}.header{display:flex;flex-direction:row;justify-content:space-between;height:160px;margin:20px auto;border-bottom:2px solid #0a4e8b;width:80%;align-items:center}.header__button{background-color:transparent;border:2px solid #0a4e8b;color:#0a4e8b;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:700;transition:background-color .2s,color .2s}.header__button:hover{background-color:#0a4e8b;color:#fff}.header__filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:10px 0}.header__filter-btn{padding:8px 16px;border-radius:20px;border:1px solid #0a4e8b;background-color:#fff;color:#0a4e8b;cursor:pointer;transition:filter .2s,border .2s,padding .2s;text-transform:capitalize;font-weight:700}.header__filter-btn:hover{filter:brightness(1.1)}.header__filter-btn--active{border:3px solid #0a4e8b!important;padding:6px 14px}.header__filter-btn.header__filter-btn--fire{background:linear-gradient(145deg,#ff6a00,#ee2c2c);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--water{background:linear-gradient(145deg,#3498db,#2980b9);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--grass{background:linear-gradient(145deg,#2ecc71,#27ae60);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--electric{background:linear-gradient(145deg,#f1c40f,#f39c12);color:#333;text-shadow:none;border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--psychic{background:linear-gradient(145deg,#9b59b6,#8e44ad);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--ice{background:linear-gradient(145deg,#1abc9c,#16a085);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--dragon{background:linear-gradient(145deg,#8e44ad,#34495e);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--dark{background:linear-gradient(145deg,#555,#333);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--fairy{background:linear-gradient(145deg,#ff79c6,#ff55b8);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--normal{background:linear-gradient(145deg,#bdc3c7,#95a5a6);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--fighting{background:linear-gradient(145deg,#c0392b,#a93226);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--flying{background:linear-gradient(145deg,#a9cce3,#85b2d3);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--poison{background:linear-gradient(145deg,#8e44ad,#6c3483);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--ground{background:linear-gradient(145deg,#d35400,#b84a00);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--rock{background:linear-gradient(145deg,#95a5a6,#7f8c8d);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--bug{background:linear-gradient(145deg,#a2c248,#8aab33);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--ghost{background:linear-gradient(145deg,#6c3483,#512e5f);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.header__filter-btn.header__filter-btn--steel{background:linear-gradient(145deg,#b2babb,#99a3a4);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}@media (max-width: 1400px){.header{padding-bottom:20px}}@media (max-width: 1300px){.header{flex-direction:column;height:auto;align-items:center;gap:20px}}@media (max-width: 1199px){.header{flex-direction:column;height:auto;align-items:center;gap:20px}.header__filters{width:100%}.header__button{width:80%;margin:0}}@media (max-width: 767px){.header{margin:10px auto;width:95%}.header__filters{padding:5px 0}.header__filter-btn{padding:6px 12px;font-size:.9em}.header__button{width:90%}}@media (max-width: 400px){.header__logo{width:300px;height:120px}}.pokemon-card{list-style:none;border:1px solid #ddd;border-radius:8px;padding:24px;text-align:center;background-color:#f9f9f9;text-transform:capitalize;box-shadow:0 2px 4px #0000001a;transition:transform .2s;position:relative;overflow:hidden;cursor:pointer}.pokemon-card:hover{transform:translateY(-5px)}.pokemon-card__image,.pokemon-card__name,.pokemon-card__types{position:relative;z-index:2}.pokemon-card__image{width:250px;height:250px;image-rendering:pixelated}.pokemon-card__name{margin:8px 0;font-size:1.5em}.pokemon-card__number{position:absolute;top:5px;left:10px;font-size:7em;font-weight:700;color:#0000000d;z-index:1}.pokemon-card__favorite-btn{position:absolute;top:0;right:10px;z-index:3;background:transparent;border:none;font-size:1.8em;color:#ccc;cursor:pointer;padding:0;transition:color .2s,transform .2s}.pokemon-card__favorite-btn:hover{transform:scale(1.2)}.pokemon-card__favorite-btn--active{color:#f1c40f}.pokemon-card__types{display:flex;justify-content:center;gap:8px}.pokemon-card__type{padding:4px 12px;border-radius:12px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7);border:1px solid rgba(0,0,0,.2)}.pokemon-card__type--fire{background:linear-gradient(145deg,#ff6a00,#ee2c2c)}.pokemon-card__type--water{background:linear-gradient(145deg,#3498db,#2980b9)}.pokemon-card__type--grass{background:linear-gradient(145deg,#2ecc71,#27ae60)}.pokemon-card__type--electric{background:linear-gradient(145deg,#f1c40f,#f39c12);color:#333;text-shadow:none}.pokemon-card__type--psychic{background:linear-gradient(145deg,#9b59b6,#8e44ad)}.pokemon-card__type--ice{background:linear-gradient(145deg,#1abc9c,#16a085)}.pokemon-card__type--dragon{background:linear-gradient(145deg,#8e44ad,#34495e)}.pokemon-card__type--dark{background:linear-gradient(145deg,#555,#333)}.pokemon-card__type--fairy{background:linear-gradient(145deg,#ff79c6,#ff55b8)}.pokemon-card__type--normal{background:linear-gradient(145deg,#bdc3c7,#95a5a6)}.pokemon-card__type--fighting{background:linear-gradient(145deg,#c0392b,#a93226)}.pokemon-card__type--flying{background:linear-gradient(145deg,#a9cce3,#85b2d3)}.pokemon-card__type--poison{background:linear-gradient(145deg,#8e44ad,#6c3483)}.pokemon-card__type--ground{background:linear-gradient(145deg,#d35400,#b84a00)}.pokemon-card__type--rock{background:linear-gradient(145deg,#95a5a6,#7f8c8d)}.pokemon-card__type--bug{background:linear-gradient(145deg,#a2c248,#8aab33)}.pokemon-card__type--ghost{background:linear-gradient(145deg,#6c3483,#512e5f)}.pokemon-card__type--steel{background:linear-gradient(145deg,#b2babb,#99a3a4)}.main-content{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:20px;margin:0 auto;max-width:1400px}@media (max-width: 1320px){.main-content{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1000px){.main-content{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}}@media (max-width: 650px){.main-content{grid-template-columns:repeat(1,1fr);gap:10px;padding:10px}}.preloader-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.preloader{display:block;position:relative;width:150px;height:150px;margin:30px auto;border-radius:50%;border:3px solid transparent;border-top-color:#ff8c00;animation:spin 2s linear infinite}.preloader:before{content:"";position:absolute;inset:5px;border-radius:50%;border:3px solid transparent;border-top-color:#f95343;animation:spin 3s linear infinite}.preloader:after{content:"";position:absolute;inset:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ff8c00;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup__image{width:100%;height:120px;margin:20px auto 32px}.popup__message{font-family:Inter,Arial,sans-serif;font-weight:900;font-size:24px;line-height:29px;text-align:center;margin:0 10px 20px}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.popup__container{background-color:#fff;border-radius:10px;position:relative;box-sizing:border-box;padding:36px;max-width:360px;width:100%;box-shadow:0 0 25px #00000026}.popup__close{position:absolute;top:-40px;right:-40px;width:32px;height:32px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEBSURBVHgBxdeNDYIwEAXggwkYxQ10EzqKm+gGjuAIjuIIzzahppJSeu09fEkDCUfyhb87RP4QAFPp4C0s4QJOfr39mmUDEEOBJICYeQtAgWQAX8i41AyZ85wVJAD85ulX7lkY0sI78umCFK5AiMudYApRA6whzQArSDegF2IGaIWYA7QQGqAWQgdUQB6HACogxwCUECfsLLfADDAq62MzuhRKzsIMym9BGs5gpABwIDuAMHdQxoBqQFLHgUD5JTSHoPFTbAZBZy/ohsCoGTVDYNwN1RCQ2nE1BOR5YBfidyYcMA8UINdY4JiAAuSF9A99BXFCSgL5BawgTsgJtyAFfAC7ZN6+2BNT3wAAAABJRU5ErkJggg==);background-size:cover;border:none;cursor:pointer;transition:opacity .3s ease;background-color:#3330;border-radius:50%}.popup__close:hover{opacity:.6}.popup__title{font-family:Inter,Arial,sans-serif;font-weight:900;font-size:24px;line-height:29px;margin:0 0 54px}