body { font-family: system-ui, Arial, sans-serif; margin: 0; }
.container { max-width: 1100px; margin: 0 auto; padding: 1rem; }
header { background: #111; color: #fff; }
header a { color: #fff; margin-right: 1rem; text-decoration: none; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.card { border: 1px solid #eee; border-radius: 12px; padding: 1rem; background: #fff; }
.btn { display: inline-block; padding: .6rem 1rem; border-radius: 10px; background: #e5e7eb; }
.btn-primary { background: #3b82f6; color: #fff; }
.hero { text-align: center; padding: 3rem 1rem; }
.search { display: flex; gap: .5rem; margin: 1rem 0; }
.banners img { width: 100%; border-radius: 12px; }