*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Arial,sans-serif}.app{width:min(1200px,100%);margin:0 auto;padding:24px}.header{text-align:center;margin-bottom:28px}.header h1{margin:0;font-size:42px}.header p{color:#667085}.controls{gap:12px;margin-bottom:24px;display:flex}.search-input,.type-select{border:1px solid #d0d5dd;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.type-select{max-width:220px}.pokemon-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;display:grid}.pokemon-card{text-align:center;cursor:pointer;background:#fff;border-radius:20px;padding:18px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 8px 24px #10182814}.pokemon-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #1018281f}.pokemon-card img{object-fit:contain;width:120px;height:120px}.pokemon-card h3{text-transform:capitalize;margin:12px 0}.favorite-btn{color:#344054;cursor:pointer;background:#f2f4f7;border:none;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:12px;right:12px}.favorite-btn.active{color:#e11d48;background:#ffe4e8}.type-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.type-badge{color:#3538cd;text-transform:capitalize;background:#eef4ff;border-radius:999px;padding:5px 10px;font-size:13px}.pagination{justify-content:center;align-items:center;gap:16px;margin:28px 0;display:flex}.pagination button,.error-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 16px}.pagination button:disabled{cursor:not-allowed;background:#98a2b3}.loader,.error-box,.empty-state{text-align:center;padding:40px}.spinner{border:4px solid #d0d5dd;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.8s linear infinite spin}.modal-backdrop{background:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:24px;width:min(500px,100%);max-height:90vh;padding:24px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;background:#f2f4f7;border:none;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:14px;right:14px}.modal-image{object-fit:contain;width:180px;height:180px}.modal h2{text-transform:capitalize}.details-row{justify-content:center;gap:16px;margin:16px 0;display:flex}.stats-list{gap:8px;display:grid}.stat-row{text-transform:capitalize;background:#f8fafc;border-radius:10px;justify-content:space-between;padding:10px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.app{padding:16px}.header h1{font-size:32px}.controls{flex-direction:column}.type-select{max-width:100%}.pokemon-grid{grid-template-columns:1fr}}