*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f2f2f7;color:#222}.app{width:95%;max-width:1100px;margin:30px auto;text-align:center}.app h1{font-size:2.4rem;margin-bottom:25px;color:#000;font-weight:700}.search-box{display:flex;justify-content:center;gap:10px;margin-bottom:30px}input[type=text]{padding:12px 15px;width:65%;border:2px solid #ddd;border-radius:12px;font-size:1rem;outline:none;transition:.3s}input[type=text]:focus{border-color:#000}button{padding:12px 25px;background:#000;color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;font-weight:600;transition:.3s}button:hover{background:#000000be}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;margin-top:20px}.card{background:#fff;border-radius:14px;padding:15px;box-shadow:0 4px 8px #00000014;transition:.3s;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-6px);box-shadow:0 8px 16px #0000001f}.card img{width:100%;height:180px;object-fit:contain;margin-bottom:12px}.card h3{font-size:1rem;margin-bottom:8px;color:#333;min-height:40px}.card p{font-size:1.1rem;font-weight:700;color:#28a745;margin-bottom:10px}.card span{font-size:.85rem;color:#555;background:#f2f2f2;padding:4px 8px;border-radius:6px;display:inline-block}