body { font-family: 'Lato', sans-serif; margin:0; padding:0; background:#FAF3E0; color:#2F4F2F; }
header { background:#2F4F2F; padding:20px; color:white; display:flex; align-items:center; }
header img { height:60px; margin-right:20px; }
nav a { color:white; margin:0 15px; text-decoration:none; font-weight:bold; }
.hero { background:url('images/banner.png') center/cover no-repeat; padding:120px 20px; text-align:center; color:white; font-size:32px; }
.section { padding:40px 20px; max-width:900px; margin:auto; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.card { background:white; padding:20px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.15); }
footer { background:#2F4F2F; color:white; text-align:center; padding:20px; margin-top:40px; }