:root{--navy:#002D72;--gold:#FFC72C;--bg:#0B1220;--ink:#F5F7FB}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,Segoe UI,Roboto,Helvetica,Arial}
.container{max-width:1040px;margin:0 auto;padding:20px 20px 64px}
a{color:var(--gold)} .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.card{grid-column:span 6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden}
.card img{width:100%;height:300px;object-fit:cover;background:#101828;display:block}
.card .content{padding:14px 14px 18px}
nav.primary{display:flex;gap:12px;flex-wrap:wrap;padding:0 20px 16px}
nav.primary a{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px}
nav.primary a[aria-current="page"]{background:rgba(255,255,255,.08);border-color:var(--gold)}
.hero{border-radius:20px;padding:20px;margin-top:20px}
.cta{display:inline-flex;gap:8px;padding:8px 12px;border-radius:12px;background:var(--gold);color:#1b1b1b;font-weight:700;border:2px solid #ffe07b}
footer{margin-top:40px;padding:24px 20px 40px;border-top:1px solid rgba(255,255,255,.2);color:#dfe3f0}