@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";body{background-color:#f0f2f5;font-family:Poppins,sans-serif;margin:0;padding:0;color:#333}.App{text-align:center}.container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:#fff;box-shadow:0 4px 6px #0000001a;padding:15px 0;margin-bottom:30px}header h1{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:10px}header nav button{padding:10px 20px;margin:0 8px;cursor:pointer;border:2px solid #ccc;border-radius:20px;background-color:#fff;font-weight:600;transition:all .3s}header nav button:hover:not(:disabled){background-color:#e9e9e9;transform:translateY(-2px)}header nav button:disabled{background-color:#4caf50;color:#fff;border-color:#4caf50;cursor:default;box-shadow:0 2px 4px #0003}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.detail-card{background-color:#fff;padding:10px;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.animal-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:15px;transition:transform .3s}.animal-image:hover{transform:scale(1.02)}.favorite-btn.active{background-color:#ffc107;color:#333}.favorite-btn.active:hover{background-color:#e0a800}.data-table{border:none;padding:20px;margin-top:40px;border-radius:10px;background-color:#fff;box-shadow:0 4px 12px #0000001a}.data-table h3{color:#4caf50;margin-bottom:15px}.data-table p{font-size:1.1rem;line-height:1.6;margin-bottom:20px;padding:0 20px}.favorite-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px;border-top:1px solid #ddd;margin-top:30px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d}@media(max-width:600px){header h1{font-size:2rem}.gallery-grid{grid-template-columns:1fr}}