:root { --brand:#0ea5e9; --bg:#f8fafc; --text:#0f172a; --muted:#475569; --card:#ffffff; }
    * { box-sizing: border-box; }
    html,body { height:100%; }
    body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background:var(--bg); color:var(--text); }
    a { color:inherit; text-decoration:none; }
    img { max-width:100%; height:auto; display:block; }

    /* Header */
    header { background:var(--brand); color:#fff; }
    .wrap { max-width:1200px; margin:0 auto; padding:16px; }
    .topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
    .brand { display:flex; align-items:center; gap:12px; }
    .brand .logo { width:40px; height:40px; border-radius:10px; background:#fff; display:grid; place-items:center; font-weight:900; color:var(--brand); }
    .brand .title { margin:0; line-height:1.2; font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem); }
    nav.links { display:flex; gap:12px; font-weight:600; }
    nav.links a { padding:8px 12px; border-radius:10px; background:rgba(255,255,255,.15); }
    nav.links a:hover { background:rgba(255,255,255,.25); }

    /* Hero */
    .hero { background:linear-gradient(180deg, rgba(14,165,233,0.08), transparent); padding:24px 0; }
    .hero .lead { color:var(--muted); margin:8px 0 0; font-size: clamp(0.98rem, 1.2vw + 0.3rem, 1.1rem); }

    /* Categories grid */
    .grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
    .card { background:var(--card); border-radius:16px; border:1px solid rgba(2,8,23,0.06); box-shadow:0 6px 20px rgba(2,8,23,0.06); overflow:hidden; }
    .card .pad { padding:16px; }
    .card h3 { margin:0 0 6px; font-size:1.05rem; }
    .card p { margin:0; color:var(--muted); font-size:0.95rem; }
    .card .links { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
    .tag { display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid rgba(2,8,23,0.08); background:#fff; font-weight:600; }

    /* Section titles */
    .section-title { margin:22px 0 12px; font-size:1.25rem; }

    /* Bio */
    .bio-card .lead { color:var(--muted); margin:6px 0 14px; }
    .bio-card ul { padding-left:18px; }
    .cta { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
    .btn { display:inline-block; padding:10px 14px; border-radius:10px; font-weight:700; background:var(--brand); color:#fff; }
    .btn.alt { background:#fff; color:var(--brand); border:1px solid rgba(2,8,23,0.12); }

    /* Footer */
    footer { background:#0b91cc; color:#fff; margin-top:26px; }
    .foot { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

    /* Utility */
    .muted { color:var(--muted); }
  div#container
{
   width: 1301px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #C8D7EB;
   text-decoration: underline;
}
a:hover
{
   color: #376BAD;
   text-decoration: underline;
}