:root{
  --brand:#114B5F; --brand-2:#028090; --accent:#E4F1F3; --text:#1E2A2F; --muted:#5C6B73; --bg:#F5F7FA; --white:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--brand-2);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav img{height:140px;width:auto;display:block}
.menu{display:flex;gap:16px;flex-wrap:wrap}
.menu a{padding:8px 10px;border-radius:10px;font-weight:600;color:var(--text)}
.menu a:hover,.menu a.active{background:var(--accent)}
.hero{background:linear-gradient(180deg, rgba(2,128,144,.12), rgba(2,128,144,0));padding:42px 0}
.title{font-size:34px;line-height:1.2;margin:0 0 8px 0;color:var(--brand)}
.subtitle{font-size:18px;color:var(--muted);margin:0}
.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.btn{display:inline-block;background:var(--brand-2);color:#fff;padding:12px 16px;border-radius:12px;font-weight:700}
.btn:hover{opacity:.92;text-decoration:none}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.footer{margin-top:40px;background:#fff;padding:26px 0;border-top:1px solid #eaeaea;color:var(--muted)}
.footer a{color:var(--brand-2)}
.entry img{max-width:100%;height:auto;border-radius:12px}
@media (max-width:960px){ .grid-3{grid-template-columns:1fr 1fr} .nav img{height:110px} }
@media (max-width:640px){ .grid-3{grid-template-columns:1fr} .nav img{height:90px} }