body{margin:0;font-family:sans-serif;color:#222;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:20px}
.site-header{background:#0b1f4d;color:#fff}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:10px}
.brand{font-weight:bold;text-decoration:none;color:#fff;font-size:20px}
.main-nav ul{list-style:none;display:flex;gap:15px;margin:0;padding:0}
.main-nav ul.show{display:block}
.main-nav a{color:#ddd;text-decoration:none;padding:5px 10px}
.main-nav a:hover{color:#fff}
.menu-toggle{display:none;cursor:pointer;color:#fff;font-size:24px}
.hero{position:relative;height:400px}
.hero img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-shadow:1px 1px 5px #000}
.hero-overlay h1{font-size:48px;margin:0}
.hero-overlay p{font-size:20px}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.post img{width:100%;border-radius:5px}
.post h2{margin:10px 0}
.post a{text-decoration:none;color:#0b1f4d}
.post a:hover{text-decoration:underline}
.site-footer{background:#0b1f4d;color:#fff;text-align:center;padding:20px;margin-top:30px}
@media(max-width:768px){.main-nav ul{display:none;flex-direction:column;gap:10px}.menu-toggle{display:block}}