*{margin:0;padding:0;box-sizing:border-box;font-family:poppins}html{font-size:62.5%}body{width:100%;background-color:#f5f5f5;padding-bottom:6rem}h1,h2,h3,h4,h5,h6{font-weight:900}h1{font-size:4rem;font-weight:700;color:#3d3d3d!important;text-align:center}p,span{font-size:1.4rem;margin-top:6px}span{color:#6a6a6a}p{font-size:1.8rem;font-weight:500;color:#6b6b6b;text-wrap:1}.star{text-align:right;margin-right:4px;font-size:24px;font-weight:light;transition:transform .5s ease-in-out;transform-origin:right center}.star:active{transform:scale(1.09)}li{list-style:none}.container{max-width:152rem;margin:80px auto auto}.grid-three-cols{display:grid;align-items:start;grid-template-columns:repeat(3,1fr);gap:1.6rem;text-align:center;margin:2.6rem 0}.grid-three-cols span{color:#8e8e8e}header{margin:1.4rem 0}.pokemon-search{width:100%;display:flex;justify-content:center;margin-bottom:3rem}.card-demo{display:flex;justify-content:center}.card-demo .pokemon-card{min-height:32rem}input{height:44px}input[type=text]{border:none;outline:none;width:26rem;border:.1px solid #d5d5d5;background:rgba(#e91e63,.2);font-size:1.4rem;color:#000;border-radius:30px;transition:box-shadow .3s ease-in-out;padding:12px .8em .8em 22px;margin-right:40px}input:hover{transition:box-shadow .3s ease-in-out;overflow:hidden;box-shadow:#110c2426 0 48px 100px}.region{position:relative;cursor:pointer;text-align:center;height:46px;width:136px;border:.1px solid #d5d5d5;padding:.8% 40px .8em .8em;font-size:1.5rem;color:#757575;background-color:#fff;border-radius:30px;transition:transform .3s ease;margin-right:40px}.region-content{box-shadow:0 10px 20px #30303033;left:13.5px;margin-left:-14px;width:136px;top:30px;margin-top:15px;border:.1px solid #d5d5d5;border-radius:30px;z-index:998;position:absolute;overflow:hidden;display:none;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.region-content p{padding:.8em;transition:background-color .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease-in-out}.region-content p:hover{transform:scale(1.05);text-shadow:0 8px 20px rgba(0,0,0,.15)}.region:hover .region-content{display:block;box-shadow:#110c2e26 0 48px 100px}.types{position:relative;cursor:pointer;text-align:center;height:46px;width:136px;border:.1px solid #d5d5d5;border-radius:30px;padding:.8% 36px .6em .6em;font-size:1.8rem;color:#757575;background-color:#fff;transition:transform .3s ease;margin-right:40px}.types-content{position:absolute;margin-top:12px;margin-left:-14px;width:550px;border:.1px solid #d5d5d5;border-radius:30px;background-color:#f8f8f8;box-shadow:3px 3px 10px #6f6f6f1a,-3px 3px 10px #6f6f6f1a,3px -3px 10px #6f6f6f1a,-3px -3px 10px #6f6f6f1a;z-index:998;overflow:hidden;padding:.8rem;display:none}.types-grid{display:grid;width:462px;grid-template-columns:repeat(3,1fr);gap:1rem;padding:20px 12.5px 10px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.types-grid p{font-size:1.8rem;transition:background-color .3s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease-in-out;cursor:pointer;border-radius:10px}.type-option{transition:transform .3s ease;height:26px}.type-option:hover{transform:scale(1.05);text-shadow:0 8px 20px rgba(0,0,0,.15)}.types:hover .types-content{display:grid}.selected-type{display:flex;align-items:center;gap:6px;overflow:hidden}.selected-type span{margin-top:0;margin-left:2px;font-size:14px}.type-logo{width:22px;height:22px;object-fit:contain}.type-option{display:flex;align-items:center;justify-content:start;gap:6px;margin:0 10px 10px;cursor:pointer}.type-logo-wrapper{padding-top:8px}.type-option p{margin-top:0;margin-left:10px}.arrow{position:absolute;top:8px;right:14px}.arrow-type{position:absolute;font-size:15px;top:8px;right:14px}.no-results{text-align:center}.cards{padding:0 130px;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;align-items:center;gap:1.7rem;border-radius:20px}.pokemon-card{width:28rem;height:47.5rem;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;background-color:#fff;border-radius:20px;padding:1.6rem;position:relative;transition:transform .3s ease;box-shadow:0 10px 20px #30303033}figure{display:flex;justify-content:center;filter:drop-shadow(0px 50px 100px rgba(50,50,93,.25))}.pokemon-name{position:relative;z-index:9;font-size:2.9rem;text-align:center;text-transform:capitalize;margin-top:2.4rem;font-size:clamp(2.5rem,2vw,12px)}.pokemon-name-long{position:relative;z-index:9;font-size:3.2rem;text-align:center;text-transform:capitalize;margin-top:2.4rem;font-size:clamp(2.4rem,2vw,10px);text-wrap:1}.pokemon-highlight{margin-top:10px;gap:20px;display:flex;justify-content:center;align-items:center}.pokemon-image{width:60%;height:12rem}.pokemon-type{font-size:16px;padding:6px 18px;text-transform:capitalize;border-radius:28px}.no-wrap{font-size:clamp(14px,14px,16px);text-transform:capitalize}.info-message{margin-top:20%}.navbar{margin-top:8px;position:fixed;top:0;width:100%;display:flex;justify-content:center;z-index:999}.nav-background-card{width:176px;height:48px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:38px;box-shadow:0 1px 5px #1f1f1f99;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #0000001a}.nav-card{display:flex;justify-content:space-between;align-items:center;height:44px;font-size:13px;border-radius:40px;padding:8px;overflow:hidden;transition:transform .3s}.links{color:#c3c3c3;text-decoration:none;font-weight:500;transition:color .3s ease-in-out,background-color .3s ease-in-out}.links.active{color:#000}.nav-card:hover{transition:transform .3s color .3s ease-in-out,background-color .3s ease-in-out;transform:scale(1.05)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.progress-bar{width:80%;max-width:400px;height:8px;background:#ddd;border-radius:5px;overflow:hidden;margin-bottom:10px}.progress{width:100%;height:100%;background:linear-gradient(90deg,red,#ffcb05);animation:loading 2s infinite}@keyframes loading{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.error-screen-btn{font-size:18px;font-weight:700;margin:20px;padding:8px 16px;color:#fff;background-color:#1992fd;border:none;border-radius:22px;transition:box-shadow .2s ease-in-out;transition:transform .3s ease-in-out;letter-spacing:1px;word-spacing:2px}.error-screen-btn:hover{transform:scale(1.05);overflow:hidden;box-shadow:#0101011a 0 48px 100px}.error-screen-btn:active{transform:scale(1);background-color:#1787e9}.bottom-logo-container{display:flex;justify-content:center;align-items:center;margin-top:6rem}.bottom-logo{height:40px;border-radius:50%;box-shadow:0 2px 6px #0000001a,0 -4px 6px #0000001a;transition:transform .3s ease-in-out}.bottom-logo:hover{box-shadow:0 2px 6px #0003,0 -4px 6px #0003;transform:scale(1.1)}.bottom-logo:active{transform:scale(1.05)}@media (max-width: 1200px){html{font-size:56%}.cards{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:1rem}.pokemon-card{width:100%;height:auto}.region{width:138px;font-size:1.6rem;margin-right:12px;padding-top:11px}.types{width:287px;font-size:1.3rem;margin-right:12px;padding-top:12px;padding-left:12px}.arrow{padding-top:2px;right:10px}.arrow-type{padding-top:1px;right:10px}.selected-type{width:110%}.grid-three-cols{grid-template-columns:repeat(3,1fr)}.types-content{width:380px;right:0}.types-grid{display:grid;width:100%;grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){html{font-size:52%}.container{margin-top:40px}.links{font-size:10px}h1{font-size:2.8rem;margin-top:70px}.pokemon-type{font-size:10px;font-weight:500}.cards{padding:10px;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:1rem;justify-content:center}input{margin-right:5px;margin-left:10px;width:calc(100% - 20px)}.region,.types{margin-right:6px;width:120px;font-size:1.3rem}.region-content{width:109px}.pokemon-card{width:100%;max-width:250px;height:auto;padding:1.2rem;margin:0 auto}.grid-three-cols{grid-template-columns:repeat(3,1fr);gap:1rem}.pokemon-name,.pokemon-name-long{font-size:clamp(2rem,4vw,2.4rem)}.region{width:130px;font-size:1.6rem;padding-top:1.5rem}.types{width:140px;font-size:1.3rem;margin-right:12px;padding-top:12px;padding-left:12px}input[type=text]{font-size:14px;height:46px;width:50%;margin-right:10px;padding-top:1.5rem;padding-left:12px}.types-content{width:380px;right:0}.navbar{margin-top:4px}.nav-background-card{width:140px;height:40px;padding:6px}.error-screen-btn{font-size:16px;padding:6px 12px}.arrow{padding-top:2px}.arrow-type{padding-top:1px;right:10px}.no-wrap{font-size:clamp(10px,6px,16px);text-transform:capitalize}span{font-size:10px}p{font-size:14px}.pokemon-card{height:45rem}.star{font-size:20px}}.pokemon-detail-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:999999}.pokemon-card-new{position:relative;width:clamp(280px,90vw,420px);max-height:95vh;height:auto;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.close-btn{position:absolute;top:12px;right:12px;z-index:5000;width:36px;height:36px;border-radius:50%;border:none;background:#c7c7c799;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.2s}.close-btn:hover{transform:scale(1.1)}.pokemon-hero{position:relative;height:40%;display:flex;justify-content:center;align-items:center;overflow:hidden}.pokemon-hero-blur{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(80px);opacity:.5;z-index:4000}.pokemon-hero-img{width:180px;position:relative;z-index:5000;transform:translateY(10px)}.pokemon-title{text-align:center;z-index:5000;font-weight:700;color:#323232;font-size:26px;text-transform:capitalize}.pokemon-content{padding:16px;overflow-y:auto;flex:1}.info-row{display:flex;font-weight:300;justify-content:space-around;text-align:center;margin-bottom:16px}.info-row p{margin:0;font-size:18px;color:#434343;font-weight:600}.info-row span{font-size:16px;color:gray}.abilities{display:flex;flex-direction:row;gap:10px;margin-bottom:16px}.ability-card{flex:1;background:#f3f3f3;padding:10px;font-size:14px;border-radius:10px;text-align:center;font-weight:500;text-transform:capitalize}.stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px}.stat-label{font-size:12px;font-weight:700;color:#666;text-align:left}.stat-value{font-size:14px;font-weight:600;text-align:right}.bar{height:8px;background:#eee;border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;width:0;animation:growBar .8s ease forwards}@keyframes growBar{0%{width:0}}