*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:#f4f4f4}.container{width:90%;margin:auto;padding:20px}h1{text-align:center;color:#333;margin-bottom:20px}.search-container{justify-content:center;margin-bottom:20px;display:flex}.search-container input{border:1px solid #ccc;border-radius:5px;width:300px;padding:10px;font-size:16px}.card-container{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#fff;border-radius:10px;padding:20px;transition:all .3s;box-shadow:0 2px 10px #0000001a}.card:hover{transform:translateY(-5px)}.card h2{color:#222;margin-bottom:10px}.card p{color:#555;margin-bottom:8px}button{color:#000;cursor:pointer;background:gold;border:none;border-radius:5px;margin-top:10px;padding:10px 15px}button:hover{opacity:.8}.loading{text-align:center;margin-top:50px}@media (width<=600px){.search-container input{width:100%}}