body { font-family: 'Segoe UI', sans-serif; background: #f3f5f9; margin:0; }
header { text-align:center; padding:30px; background:#111; color:#fff; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap:20px; padding:20px; }
.card { background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.1); text-align:center; }
.card img { width:100%; border-radius:8px; }
button { padding:10px 18px; background:#007bff; border:none; color:#fff; border-radius:6px; cursor:pointer; margin-top:10px; }
button:hover { background:#005fcb; }
input { padding:10px; width:100%; margin-bottom:10px; border:1px solid #ccc; border-radius:6px; }
.subscribe { padding:20px; }