body { font-family: Arial, sans-serif; margin:0; padding:0; background:#f4f4f9; color:#333; }
header { background:#222; color:#fff; padding:1rem; text-align:center; }
header h1 { margin:0; }
nav a { color:#fff; margin:0 10px; text-decoration:none; }
.hero { text-align:center; padding:2rem; background:#eaeaea; }
.hero h2 { margin:0.5rem 0; }
.btn { display:inline-block; margin-top:1rem; padding:0.5rem 1rem; background:#0073e6; color:#fff; text-decoration:none; border-radius:5px; }
.stories { padding:2rem; text-align:center; }
.cards { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; }
.card { background:#fff; padding:1rem; border:1px solid #ccc; border-radius:8px; width:250px; }
footer { text-align:center; padding:1rem; background:#222; color:#fff; margin-top:2rem; }