*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#1a1a2e;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px}.wrapper{background-color:#16213e;border-radius:16px;padding:40px;width:100%;max-width:700px;box-shadow:0 8px 32px #ffcb0540;position:relative}.app-title{color:#ffcb05;text-align:center;margin-bottom:30px;font-size:2rem;font-weight:600;text-transform:uppercase;letter-spacing:3px}.search-wrapper{display:flex;gap:10px;margin-bottom:10px;position:relative}.input{flex:1;padding:12px 20px;border-radius:8px;border:2px solid #ffcb05;background-color:#0f3460;color:#fff;font-size:1rem;outline:none;transition:border-color .3s;text-transform:capitalize}.input:focus{border-color:#ffe066}.input::placeholder{color:#aaa;text-transform:none}.button{padding:12px 24px;background-color:#ffcb05;color:#1a1a2e;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s}.button:hover{background-color:#e6b800}.button:active{transform:scale(.97)}.list{position:absolute;background-color:#0f3460;border:1px solid #ffcb05;border-radius:8px;width:calc(100% - 130px);z-index:100;max-height:220px;overflow-y:auto;left:40px;top:108px}.autocomplete-items{padding:10px 16px;color:#fff;cursor:pointer;transition:background .2s;text-transform:capitalize}.autocomplete-items:hover{background-color:#ffcb05;color:#1a1a2e}.item{margin:0;font-size:.9rem}.card-container{margin-top:30px;background:linear-gradient(135deg,#0f3460,#16213e);border-radius:16px;overflow:hidden;border:2px solid #ffcb05;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container-character-image{width:100%;background:radial-gradient(circle at center,#1a3a6e,#0f3460);display:flex;justify-content:center;align-items:center;padding:30px 20px}.container-character-image img{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(255,203,5,.5))}.character-name{padding:20px 24px 4px;color:#ffcb05;font-size:1.8rem;font-weight:600;text-transform:capitalize}.pokemon-id{padding:0 24px 10px;color:#888;font-size:.9rem;font-weight:300}.pokemon-types{display:flex;gap:8px;padding:0 24px 16px;flex-wrap:wrap}.type-badge{padding:4px 16px;border-radius:20px;font-size:.78rem;font-weight:600;text-transform:capitalize;color:#fff}.type-fire{background-color:#f08030}.type-water{background-color:#6890f0}.type-grass{background-color:#78c850;color:#1a1a2e}.type-electric{background-color:#f8d030;color:#1a1a2e}.type-psychic{background-color:#f85888}.type-ice{background-color:#98d8d8;color:#1a1a2e}.type-dragon{background-color:#7038f8}.type-dark{background-color:#705848}.type-fairy{background-color:#ee99ac;color:#1a1a2e}.type-normal{background-color:#a8a878;color:#1a1a2e}.type-fighting{background-color:#c03028}.type-flying{background-color:#a890f0}.type-poison{background-color:#a040a0}.type-ground{background-color:#e0c068;color:#1a1a2e}.type-rock{background-color:#b8a038}.type-bug{background-color:#a8b820;color:#1a1a2e}.type-ghost{background-color:#705898}.type-steel{background-color:#b8b8d0;color:#1a1a2e}.character-stats{display:flex;gap:16px;padding:0 24px 16px;flex-wrap:wrap}.stat{background-color:#ffcb051a;border:1px solid #ffcb05;border-radius:8px;padding:8px 18px;text-align:center}.stat-label{color:#aaa;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:#fff;font-size:1.05rem;font-weight:600}.character-description{padding:0 24px 24px;color:#ccc;font-size:.92rem;line-height:1.6;text-transform:capitalize}.character-description span{color:#ffcb05;font-weight:600}.not-found{text-align:center;color:#aaa;margin-top:30px;font-size:1rem}