body {font-family: Arial, sans-serif; margin:0; padding:0; background:#f9f9f9;}
header {background:#fff; padding:15px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
nav a {margin:0 10px; text-decoration:none; color:#333;}
.hero {position:relative; text-align:center;}
.hero img {width:100%; max-height:450px; object-fit:cover;}
.hero-text {position:absolute; bottom:20px; left:20px; background:rgba(0,0,0,0.6); color:white; padding:15px;}
.post-list {display:flex; gap:20px; padding:20px;}
.post-card {background:#fff; padding:15px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.post-card img {width:100%; height:200px; object-fit:cover;}