body {font-family: Arial, sans-serif; margin:0; padding:0; background:#f5f5f5;}
header {background:#1e3d59; color:#fff; display:flex; justify-content:space-between; align-items:center; padding:1rem;}
header .logo {display:flex; align-items:center;}
header .logo img {margin-right:10px;}
nav a {color:#fff; margin:0 10px; text-decoration:none;}
nav a:hover {color:#ffcd3c;}
main {padding:2rem;}
h2 {color:#1e3d59; margin-bottom:1rem;}
.grid {display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1rem;}
.card {background:#fff; padding:1rem; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center;}
.card img {max-width:100%; height:150px; object-fit:cover; border-radius:8px;}
table {width:100%; border-collapse:collapse; margin:1rem 0;}
table, th, td {border:1px solid #ddd;}
th, td {padding:10px; text-align:center;}
footer {background:#1e3d59; color:#fff; text-align:center; padding:1rem; margin-top:2rem;}
.banner {overflow:hidden;}
.banner img {width:100%; height:400px; object-fit:cover;}
ul {list-style:disc; margin-left:20px;}
.map iframe {width:100%; max-width:600px; border-radius:8px;}