@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap);*{box-sizing:border-box;color:#000;font-family:Roboto,sans-serif;margin:0;padding:0}body{background-color:#f5f5f5;color:#242424}li{list-style:none}p{font-size:16px;line-height:1.5}button{border:none;cursor:pointer}section{background-color:#f5f5f5}a{text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.btn{border-radius:999px;display:inline-flex;font-size:14px;font-weight:700;padding:10px 22px}.btn,.landing{align-items:center;justify-content:center}.landing{background:url(https://images2.alphacoders.com/718/thumb-1920-718222.png) 50%/cover no-repeat;display:flex;min-height:100vh;padding:24px;position:relative}.landing__content{align-items:center;display:flex;flex-direction:column;text-align:center}.landing__button{background:#fff;border:2px solid #555;border-radius:8px;color:#1f2a44;font-size:20px;padding:14px 28px}.landing__button:hover{transform:translateY(-1px)}.transition-overlay{animation:fadeInOverlay .6s ease forwards;background:#000000b3;inset:0;pointer-events:none;position:fixed;z-index:999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.site-header{background-color:#5c0000;left:0;position:fixed;top:0;width:100%;z-index:20}.header-inner{align-items:center;display:flex;justify-content:space-between}.logo__text{color:#000;font-size:22px;font-weight:900}.main__nav{align-items:stretch;background-color:#5c0000;display:flex;gap:8px;padding:12px}.main__nav a{color:#000;font-size:15px;font-weight:700;padding-bottom:3px;position:relative}.main__nav a:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease;width:0}.main__nav a:hover:after{width:100%}.nav-toggle{align-items:center;background:#0000;border:none;display:none;flex-direction:column;gap:5px;height:42px;justify-content:center;padding:0;width:42px}.nav-toggle span{background-color:#000;border-radius:999px;height:3px;width:24px}.pokemon{background-color:#000;background-position:50%;background-size:cover;color:#fff;min-height:320px;padding-top:80px;position:relative}.pokemon__content{padding:60px 0 70px;text-align:center}.pokemon h1{color:#fff;font-size:40px;margin-bottom:24px}.search__bar{align-items:center;background-color:#fff;border-radius:999px;display:flex;height:50px;margin:0 auto;max-width:600px;padding:6px 6px 6px 24px}.search__bar input{border:none;flex:1 1;font-size:15px;outline:none}.search__bar input::placeholder{color:#b0b0b0}.main__content{padding-bottom:60px;padding-top:40px}.results__header{display:flex;justify-content:space-between;margin-bottom:24px}.results__header h2{color:#000;font-size:22px}.filters{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}.filter__group{min-width:210px}.filter__group label{display:inline-block;font-size:14px;font-weight:700;margin-bottom:6px}option{font-size:15px;font-weight:700}option[value=Normal]{background-color:#a1937e}option[value=Fire]{background-color:orange}option[value=Water]{background-color:#4187e2}option[value=Grass]{background-color:#0bc20b}option[value=Electric]{background-color:#ff0}option[value=Ice]{background-color:#87cefa}option[value=Fighting]{background-color:#d80000}option[value=Poison]{background-color:#990199}option[value=Ground]{background-color:#c59233}option[value=Flying]{background-color:silver}option[value=Psychic]{background-color:pink}option[value=Bug]{background-color:#60d660}option[value=Rock]{background-color:#77632b}option[value=Ghost]{background-color:#7c4b7c}option[value=Dragon]{background-color:#9b7227}option[value=Dark]{background-color:#000;color:#fff}option[value=Steel]{background-color:#708090}option[value=Fairy]{background-color:plum}#type__filter{background:#fff;border:1px solid #000;border-radius:999px;font-size:15px;font-weight:700;padding:8px 10px;width:100%}.filter__label--row{display:flex;font-size:15px;font-weight:700;justify-content:space-between;margin-bottom:5px}.generation__sliders{align-items:center;display:flex}.generation__sliders input[type=range]{accent-color:#000}.gen__min{margin-right:10px}#results{margin-top:16px;width:100%}.pokemon__results{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.pokemon__card{flex-basis:calc(33.33% - 24px);flex-grow:1;flex-shrink:1;max-width:320px}.pokemon__meta{margin-top:8px;padding-left:0}.pokemon__type--container{display:flex;flex-wrap:wrap;gap:24px}.pokemon__meta li{list-style:none;margin-bottom:10px}.meta__label{font-weight:700}.pokemon__card-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.details__page{padding-bottom:60px;padding-top:120px}.pokemon-details{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1.1fr 1fr;margin-bottom:48px}.pokemon-details__image-box{align-items:center;background:#fff;border:2px solid #666;display:flex;justify-content:center;min-height:420px;padding:20px;position:relative}.pokemon-details__num{font-weight:700;position:absolute;right:16px;top:16px}.pokemon-details__image{height:260px;object-fit:contain;width:260px}.pokemon-details__title{font-size:56px;line-height:1;margin-bottom:8px;text-transform:uppercase}.pokemon-details__type{font-size:28px;margin-bottom:28px;text-transform:uppercase}.pokemon-details__info{margin-bottom:32px}.pokemon-details__info p{margin-bottom:10px}.pokemon-details__stats h3{font-size:32px;margin-bottom:16px}.pokemon-details__stats ul{padding-left:0}.pokemon-details__stats li{font-size:18px;list-style:none;margin-bottom:8px}.next-pokemon h2{font-size:28px;margin-bottom:20px}.pokemon__info{background:#fff;border-radius:16px;box-shadow:0 14px 30px #00000014;cursor:pointer;display:flex;flex:1 1 260px;flex-direction:column;gap:6px;max-width:320px;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.pokemon__info:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-4px)}@media (max-width:900px){.pokemon-details{grid-template-columns:1fr}.pokemon-details__title{font-size:40px}.pokemon-details__type{font-size:22px}}.pokemon__sprite{align-self:center;height:96px;object-fit:contain;width:96px}.pokemon-details__stats-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(2,minmax(160px,1fr))}.stat-row{align-items:center;border-bottom:1px solid #bdbdbd;display:flex;justify-content:space-between;padding:6px 0}.stat-label{font-weight:600}.stat-value{font-weight:400}.pokemon-details__types{display:flex;gap:12px;margin-bottom:24px}.type-badge{border-radius:999px;color:#fff;font-size:14px;font-weight:600;padding:6px 14px;text-transform:capitalize}.type-fire{background:#f08030}.type-water{background:#6890f0}.type-grass{background:#78c850}.type-electric{background:#f8d030;color:#000}.type-ice{background:#98d8d8;color:#000}.type-fighting{background:#c03028}.type-poison{background:#a040a0}.type-ground{background:#e0c068;color:#000}.type-flying{background:#a890f0}.type-psychic{background:#f85888}.type-bug{background:#a8b820}.type-rock{background:#b8a038}.type-ghost{background:#705898}.type-dragon{background:#7038f8}.type-dark{background:#705848}.type-steel{background:#b8b8d0;color:#000}.type-fairy{background:#ee99ac}.type-normal{background:#a8a878}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:180px;width:100%}.loading__spinner{animation:rotate .7s linear infinite;border:5px solid #d9d9d9;border-radius:50%;border-top-color:#000;height:48px;width:48px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.load-more__wrapper{display:flex;justify-content:center;margin-top:28px}.load-more__btn{background-color:#5c0000;border:none;border-radius:999px;color:#fff;font-size:16px;font-weight:700;padding:12px 24px}.load-more__btn:hover{opacity:.9}.footer{background-color:#5c0000;color:#fff;margin-top:40px;padding:24px 16px;text-align:center}.footer__content{margin:0 auto;max-width:1100px}.footer a{color:gold;font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:768px){.generation__sliders{gap:8px}.generation__sliders,.results__header{align-items:flex-start;flex-direction:column}.results__header{gap:20px}.filters{justify-content:flex-start;width:100%}.filter__group{min-width:0;min-width:auto;width:100%}#type__filter{width:100%}.pokemon__results{grid-template-columns:repeat(2,1fr)}.pokemon__card{flex-basis:calc(50% - 24px);flex-grow:1;flex-shrink:1}}@media (max-width:640px){.logo__text{font-size:18px}.header-inner{height:64px;position:relative}.nav-toggle{display:flex}.main__nav{align-items:stretch;background-color:#5c0000;display:none;flex-direction:column;gap:8px;left:0;padding:12px;position:absolute;right:0;top:64px}.main__nav--open{display:flex}.main__nav a{justify-content:center;padding:10px 14px;width:100%}.pokemon{padding-top:64px}.pokemon h1{font-size:24px}.filters{flex-direction:column}.pokemon__results{grid-template-columns:1fr}.pokemon__card{flex:1 1 100%}}
/*# sourceMappingURL=main.f0a24cb4.css.map*/