body{font-family:Arial,sans-serif;background-color:#262e3e;margin:0;padding:0}header{background-color:#121212;color:#fff;padding:20px;text-align:center}.search-section{display:flex;justify-content:center;padding:40px 20px}.search-box{width:50%;max-width:600px;display:flex;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000001a}input[type=text]{flex:1;padding:12px;border:none;outline:none;font-size:16px}button{padding:12px 20px;background-color:#0af;border:none;color:#fff;cursor:pointer;font-size:16px}button:hover{background-color:#08c}.filters{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}.filter{padding:10px 20px;background:#fff;border-radius:8px;box-shadow:0 0 5px #0000000d;cursor:pointer;transition:background .3s}.filter-options{background:#6a6565;padding:1em 2em;border-radius:12px;max-width:300px;margin:1em auto;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:1em;align-items:center;justify-content:center}.filter:hover{background:#f0f0f0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:40px 20px}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000001a;cursor:pointer;transition:transform .2s}.card:hover{transform:scale(1.02)}.card img{width:100%;display:block}.card-info{padding:10px}.card-title{font-weight:700;font-size:14px;margin:0}