*{margin:0;padding:0;box-sizing:border-box;font-family:Urbanist,sans-serif}html{font-size:58.5%}body{width:100%;background-color:#eff3ff}h1,h2,h3,h4,h5,h6{font-weight:900}h1{font-size:5.4rem;font-weight:700;color:#000!important;text-align:center}p,span{font-size:1.6rem}li{list-style:none}span{font-weight:700}.container{max-width:152rem;margin:auto;padding:0 2rem}.short-container{width:100%;max-width:65rem;margin:0 auto;padding:0 2rem}.short-container h1{margin-bottom:3.2rem}.short-container p{margin-bottom:1.6rem}.short-container button{padding:.6rem 0;cursor:pointer}.grid-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;text-align:center;margin:3.2rem 0;align-items:end}header{margin:3.2rem 0}.pokemon-header{text-align:center;margin:4rem 0;animation:fadeIn .6s ease-in}.app-subtitle{font-size:2rem;color:#555;margin-top:1rem}.search-filter-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem;animation:fadeIn .8s ease-in}.pokemon-search{position:relative;width:100%;max-width:50rem;display:flex;justify-content:center;margin-bottom:3.2rem}.pokemon-search input[type=text]{width:100%;background:#3b82f61a;border-radius:50rem;padding:1.2rem 2rem;font-size:1.8rem;color:#333;border:2px solid transparent;transition:all .3s;box-shadow:0 4px 6px #0000001a;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.pokemon-search input[type=text]:focus{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;width:32rem;max-width:90%;border-bottom:.2em solid #020d35;background:#e91e6333;border-radius:.2em .2em 0 0;padding:.8em;font-size:1.6rem;color:#000}.clear-search{position:absolute;right:4rem;top:52%;transform:translateY(-50%);background:none;border:none;font-size:2.4rem;color:#666;cursor:pointer;padding:.5rem}.filter-controls{display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:center;width:100%;max-width:45rem}.type-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:50rem;padding:1rem 3rem 1rem 2rem;font-size:1.6rem;color:#333;cursor:pointer;flex:1;min-width:15rem;max-width:25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.6rem;box-shadow:0 2px 4px #0000000d;transition:all .2s}.type-filter:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f64d}.random-button{background-color:#f97316;color:#fff;border:none;border-radius:50rem;padding:1rem 2rem;font-size:1.6rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #f973164d;transition:all .2s;flex:1;max-width:20rem}.random-button:hover{background-color:#ea580c;transform:translateY(-2px);box-shadow:0 6px 10px #f9731666}.random-button:active{transform:translateY(0)}.results-info{text-align:center;margin-bottom:2rem}.results-info p{font-size:1.6rem;color:#666}.cards{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;align-items:center;gap:3.2rem;padding:0 2rem;animation:fadeIn 1s ease-in}.card-demo{display:flex;justify-content:center}.card-demo .pokemon-card{min-height:32rem}.pokemon-card{width:100%;max-width:36rem;min-height:42rem;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;background-color:#fff;border-radius:.2rem;padding:1.6rem;position:relative;margin:0 auto;z-index:1}.pokemon-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:40%;transform:rotate(180deg);background-color:#ebfbf1;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;z-index:-1;transition:transform .3s,box-shadow .3s}.pokemon-card:hover:before{border-radius:50% 50% 100% 0%/99% 100% 0% 1%;transition:all .3s}.pokemon-card:hover{transform:scale(1.03);transition:all .3s;box-shadow:#110c2e26 0 48px 100px}figure{display:flex;justify-content:center;filter:drop-shadow(0px 50px 100px rgba(50,50,93,.25));position:relative;z-index:2}.pokemon-image{width:60%;height:15rem;object-fit:contain;position:relative;z-index:2}.pokemon-name{font-size:clamp(2.2rem,5vw,3.2rem);text-align:center;color:#000;text-transform:capitalize;margin-top:2.4rem;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;position:relative;z-index:2;overflow:visible;line-height:1.2;max-width:100%;padding:0 .5rem}.pokemon-highlight{display:flex;justify-content:center;align-items:center;margin:1.6rem 0;position:relative;z-index:2}.pokemon-highlight p{padding:.6rem 2.4rem;background-color:#2ecc71;border-radius:20rem;color:#fff;font-weight:700;text-transform:capitalize;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pokemon-info{text-align:center;position:relative;z-index:2}.type-tag{display:inline-block;margin:0 .2rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#eff3ff}.loading-content{display:flex;flex-direction:column;align-items:center;padding:2rem}.spinner{width:64px;height:64px;border:4px solid #3b82f6;border-top:4px solid transparent;border-radius:50%;margin-bottom:16px;animation:spin 1s linear infinite}.loading-text{font-size:1.6rem;color:#000;font-weight:500}.load-more-container{display:flex;justify-content:center;margin:4rem 0}.load-more-button{background-color:#3b82f6;color:#fff;border:none;border-radius:8px;padding:1.2rem 3rem;font-size:1.8rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #3b82f64d;transition:all .2s}.load-more-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 10px #3b82f666}.load-more-button:active{transform:translateY(0)}.no-results{text-align:center;background-color:#fff;padding:4rem 2rem;border-radius:8px;margin:3rem auto;max-width:50rem;box-shadow:0 4px 6px #0000001a}.no-results h2{font-size:2.4rem;color:#333;margin-bottom:1rem}.no-results p{font-size:1.6rem;color:#666;margin-bottom:2rem}.reset-button{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.6rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px #ef44444d;transition:all .2s}.reset-button:hover{background-color:#dc2626}.back-to-top{position:fixed;bottom:3rem;right:3rem;width:5rem;height:5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:50%;font-size:2.4rem;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px #0000004d;z-index:100;opacity:.8;transition:all .2s}.back-to-top:hover{opacity:1;transform:translateY(-3px)}.error-container{text-align:center;padding:4rem 2rem;max-width:60rem;margin:4rem auto;background-color:#fee2e2;border-radius:8px;border-left:5px solid #ef4444}.error-container h1{color:#b91c1c;margin-bottom:1rem}.error-container p{color:#7f1d1d;margin-bottom:2rem}.retry-button{background-color:#ef4444;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.6rem;font-weight:700;cursor:pointer;transition:background-color .2s}.retry-button:hover{background-color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 1200px){.cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 992px){html{font-size:55%}.cards,.grid-three-cols{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){html{font-size:50%}h1{font-size:4.8rem}.cards{gap:2rem}.spinner{width:50px;height:50px}.pokemon-card{min-height:40rem;width:90%}.search-filter-container{gap:1.6rem}.filter-controls{flex-direction:column;align-items:center}.type-filter,.random-button{max-width:100%;width:100%}.back-to-top{bottom:2rem;right:2rem;width:4.5rem;height:4.5rem}.pokemon-search input[type=text]{padding:1rem 1.5rem}}@media screen and (max-width: 576px){html{font-size:45%}.cards{grid-template-columns:1fr;padding:0 1rem}.grid-three-cols{grid-template-columns:1fr}input[type=text]{width:85%}.spinner{width:40px;height:40px;border-width:3px}.loading-text{font-size:1.8rem}.pokemon-image{width:80%;height:12rem}.pokemon-card{min-height:38rem;width:95%;max-width:none;padding:2rem}.grid-three-cols{gap:1rem;margin:2rem 0}.pokemon-name{margin-top:2rem;font-size:3rem}.pokemon-highlight p{padding:.6rem 1.8rem}.pokemon-header{margin:3rem 0}.back-to-top{width:4rem;height:4rem;font-size:2rem}}@media screen and (max-width: 340px){html{font-size:40%}h1{font-size:4rem}.pokemon-image{width:90%;height:10rem}.pokemon-card{min-height:34rem;padding:1.5rem;width:100%}.grid-three-cols{margin:1.6rem 0}.pokemon-name{font-size:2.8rem;margin-top:1.8rem}}