:root{--bg: #eff3ff;--card-bg: #ffffff;--text-dark: #000;--accent: #2ecc71;--shadow-soft: rgba(0, 0, 0, .05);--shadow-strong: rgba(17, 12, 46, .15)}*{margin:0;padding:0;box-sizing:border-box;font-family:Urbanist,sans-serif}html{font-size:62.5%}body{width:100%;background-color:var(--bg);color:var(--text-dark)}h1{font-size:5.4rem;font-weight:900;text-align:center}p,span{font-size:1.6rem}span{font-weight:700}li{list-style:none}.container{max-width:152rem;margin:auto;padding:0 2rem}header{margin:3.2rem 0}.grid-three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin:2.4rem 0;text-align:center}.pokemon-search{display:flex;justify-content:center;margin-bottom:3.2rem}input[type=text]{width:32rem;padding:.8em;font-size:1.6rem;border:none;outline:none;border-bottom:.2rem solid #020d35;background:transparent}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:3.2rem;align-items:stretch}.pokemon-card{background-color:var(--card-bg);min-height:42rem;padding:1.6rem;position:relative;border-radius:.6rem;box-shadow:var(--shadow-soft) 0 6px 24px,#00000014 0 0 0 1px;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.pokemon-card:before{content:"";position:absolute;inset:0 0 auto;height:40%;background-color:var(--accent);opacity:.15;border-radius:0 0 50% 50%;transition:opacity .3s ease}.pokemon-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-strong) 0 48px 100px}.pokemon-card:hover:before{opacity:.25}figure{display:flex;justify-content:center;filter:drop-shadow(0px 30px 60px rgba(50,50,93,.25));position:relative;z-index:1}.pokemon-image{width:60%;height:15rem;object-fit:contain}.pokemon-name{font-size:3.2rem;text-align:center;text-transform:capitalize;margin-top:2.4rem;position:relative;z-index:1}.pokemon-highlight{display:flex;justify-content:center;margin:1.6rem 0}.pokemon-highlight p{padding:.6rem 2.4rem;border-radius:20rem;background-color:var(--accent);color:#fff;font-weight:700;text-transform:capitalize}.pokemon-info{text-align:center}.stat-bar{width:100%;height:.8rem;background:#e5e7eb;border-radius:1rem;overflow:hidden;margin-top:.4rem}.stat-fill{height:100%;width:0;background-color:var(--accent);transition:width .6s ease}@media(max-width:900px){h1{font-size:4rem}}@media(max-width:600px){input[type=text]{width:100%}.grid-three-cols{grid-template-columns:1fr}}