:root { --navy:#0b1e3b; --ink:#111827; --muted:#6b7280; --bg:#f8fafc; --card:#ffffff; --accent:#2563eb; }
    * { box-sizing: border-box; }
    body { margin:0; font-family: Arial, sans-serif; color:var(--ink); background:var(--bg); }
    a { color: var(--accent); text-decoration:none; }
    a:hover { text-decoration: underline; }

    .container { max-width: 1100px; margin: 0 auto; padding: 0 18px; }

    header { background: var(--navy); color: white; }
    .topbar { display:flex; align-items:center; justify-content:space-between; padding: 30px 0; }
    .brand { font-weight: 700; letter-spacing: .2px; }
    nav a { color: #dbeafe; margin-left: 14px; font-size: 14px; }
    nav a:hover { color: white; }

    .hero { padding: 54px 0 34px; }
    .hero h1 { margin: 0 0 10px; font-size: 40px; }
    .hero p { margin: 0 0 18px; max-width: 760px; color: #dbeafe; line-height: 1.6; }
    .cta { display:flex; gap: 10px; flex-wrap: wrap; }
    .btn { display:inline-block; padding: 11px 14px; border-radius: 10px; font-weight: 700; font-size: 14px; }
    .btn.primary { background: white; color: var(--navy); }
    .btn.secondary { border: 1px solid rgba(255,255,255,.35); color: white; }

    .section { padding: 26px 0; }
    .grid { display:grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
    .card { background: var(--card); border-radius: 14px; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.06); }
    .card h2 { margin: 0 0 10px; font-size: 18px; }
    .card p { margin: 0; color: var(--muted); line-height: 1.6; }
    .span-6 { grid-column: span 6; }
    .span-4 { grid-column: span 4; }
    .span-8 { grid-column: span 8; }
    .span-12 { grid-column: span 12; }

    .dates ul { list-style:none; padding:0; margin:0; }
    .dates li { display:flex; justify-content:space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #eef2ff; font-size: 14px; }
    .dates li:last-child { border-bottom: none; }
    .label { color: var(--muted); }
    .value { font-weight: 700; }

    .pill { display:inline-block; padding: 6px 10px; border-radius: 999px; background:#eef2ff; font-size: 12px; color:#1f2937; margin: 6px 6px 0 0; }

    footer { background: var(--navy); color: white; margin-top: 28px; }
    .footer { padding: 26px 0; display:grid; gap: 12px; grid-template-columns: repeat(12, 1fr); }
    .fcol { grid-column: span 4; }
    .footer p, .footer a { color: #dbeafe; font-size: 14px; line-height: 1.6; }
    .footer a:hover { color:white; }
    .copyright { border-top: 1px solid rgba(255,255,255,.18); text-align:center; padding: 14px 0; color:#dbeafe; font-size: 13px; }

    @media (max-width: 900px){
      .span-6, .span-4, .span-8, .fcol { grid-column: span 12; }
      .hero h1 { font-size: 32px; }
    }