* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0; color: #eaeaea; background: #0b1a2e; /* Midnight blue */
  line-height: 1.6;
}
:root{
  --ink:#eaeaea; --muted:#c0c0c0; --edge:#1c2b45;
  --accent:#d4af37; /* Gold */
  --radius: 16px; --shadow: 0 6px 20px rgba(0,0,0,.25);
}

.skip-link { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus { left: 1rem; top: 1rem; width:auto; height:auto; padding:.5rem .75rem; background:#d4af37; color:#0b1a2e; border-radius: .5rem; z-index:10000; }

.container { max-width: 1080px; margin-inline: auto; padding-inline: 1.25rem; }
.section { padding: clamp(2.5rem, 5vw, 5rem) 0; scroll-margin-top: 96px; }

.site-header { background:#000; color:#fff; }
.header-bar { display:flex; align-items:center; gap:1rem; padding: .85rem 0; }
.logo { height:60px; width:60px; border-radius:50%; object-fit:cover; }
.header-text h1 { font-size: clamp(1.4rem, 3vw, 2rem); margin:0; }
.header-text p { margin:.25rem 0 0; color:#cbd5e1; font-size: .95rem; }

.site-nav { position:sticky; top:0; z-index:1000; background:#132542; border-bottom:1px solid var(--edge); }
.nav-inner { display:flex; gap:.5rem; justify-content:center; }
.nav-link {
  display:inline-block; padding: .9rem 1.25rem; text-decoration:none; color:var(--ink); font-weight:600; border-radius:.5rem;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.nav-link:hover { background:#223759; }
.nav-link.active { color: var(--accent); box-shadow: inset 0 -2px 0 0 var(--accent); }

h2 { font-size: clamp(1.25rem, 3.5vw, 2rem); margin:0 0 1rem; color:var(--accent); }
h2::after { content:""; display:block; width:64px; height:2px; background:var(--accent); margin-top:.4rem; }

.cards { display:grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.card {
  grid-column: span 12;
  border:1px solid var(--edge); border-radius: var(--radius); padding:1.25rem; box-shadow: var(--shadow);
  background:#132542; color: var(--ink);
}
.card-icn { width:44px; height:44px; display:grid; place-items:center; border-radius:12px; background:#1c2b45; margin-bottom:.5rem; color:var(--accent); }
.card h3 { margin:.25rem 0 .25rem; font-size:1.05rem; color:var(--accent); }
.card p { margin:.25rem 0 0; color:var(--muted); }

.contact-list { list-style:none; padding:0; margin:0; }
.contact-list li { padding:.35rem 0; }
.contact-list a { color: var(--accent); text-decoration:none; }
.contact-list a:hover { text-decoration:underline; }

.site-footer { background:#000; color:#fff; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding: 1.25rem 0; flex-wrap:wrap; }
.footer-links a { color:#fff; text-decoration:none; margin-right:1rem; }
.footer-links a:hover { text-decoration:underline; }

@media (min-width: 640px) { .card { grid-column: span 6; } }
@media (min-width: 960px) { .card { grid-column: span 4; } }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }