:root{
  --bg:#f8f5f0;
  --ink:#0a2342;
  --gold:#d4af37;
  --gold-d:#b9932f;
  --panel:#ffffff;
  --muted:#425976;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:var(--ink);background:var(--bg)}

.container{max-width:1100px;margin:0 auto;padding:28px 18px}
header.site-header{background:var(--ink);text-align:center;padding:14px 0}
header.site-header img{max-height:70px;width:auto}

.burger{display:none;cursor:pointer;padding:12px;background:var(--ink);color:#fff;font-size:22px;text-align:right}
nav.site-nav{background:var(--ink)}
.site-nav .menu{display:flex;justify-content:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.site-nav .menu a{display:block;padding:12px 16px;color:#fff;text-decoration:none;font-weight:bold}
.site-nav .menu a:hover,.site-nav .menu a:focus{background:var(--gold);color:var(--ink)}
.site-nav .menu a.active{background:var(--gold);color:var(--ink)}

main{min-height:50vh}
.card{background:var(--panel);border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.btn{background:var(--gold);color:#fff;text-decoration:none;padding:12px 16px;border-radius:10px;font-weight:bold;display:inline-block}
.btn:hover{background:var(--gold-d)}
.cta-bar{margin:22px auto;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

footer.site-footer{margin-top:42px;text-align:center;background:var(--ink);color:#fff;padding:20px 14px}
footer.site-footer a{color:var(--gold);text-decoration:none}
footer.site-footer a:hover{text-decoration:underline}

.note-coop{background:linear-gradient(180deg,rgba(212,175,55,.10),rgba(212,175,55,.08));border:1px solid rgba(212,175,55,.35);border-radius:14px;padding:14px}

@media (max-width: 900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){
  .burger{display:block}
  .site-nav .menu{display:none;flex-direction:column}
  .site-nav .menu.active{display:flex}
}