/* Shared header and footer styling, extracted from the existing homepage. */
.topbar {
      background: radial-gradient(circle at top left, #12395f, #071525 62%);
      color: #fff;
      padding: 1.15rem 0;
    }
.topbar .brand-mark {
      width: 58px;
      height: 58px;
      border: 2px solid #7aa7ff;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-weight: 800;
      font-size: 1.35rem;
      box-shadow: 0 0 0 5px rgba(122, 167, 255, .08);
    }
.topbar .nav-link {
      color: rgba(255,255,255,.82);
      font-weight: 600;
    }
.topbar .nav-link:hover, .topbar .nav-link.active {
      color: #fff;
    }
.site-footer .social-links {
      display: flex;
      flex-wrap: wrap;
      gap: .8rem;
      align-items: center;
    }
.site-footer .social-link {
      width: 42px;
      height: 42px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      color: #2563eb;
      background: #fff;
      border: 1px solid rgba(37, 99, 235, .22);
      text-decoration: none;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }
.site-footer .social-link:hover {
      color: #fff;
      background: #2563eb;
      transform: translateY(-2px);
      box-shadow: 0 12px 26px rgba(37, 99, 235, .25);
    }
.site-footer .social-link {
      color: #fff;
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.16);
    }
.site-footer .social-link:hover {
      background: #2563eb;
    }
.site-footer {
      background: #071525;
      color: rgba(255,255,255,.78);
      padding: 2rem 0;
    }
.topbar, .site-footer {font-family:"SteveSans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-variant-alternates:styleset(ss02) character-variant(cv01,cv02,cv03,cv04,cv05,cv08,cv10,cv11)}
.topbar .brand-mark {flex-shrink:0}
.topbar .nav-link {text-decoration:none;letter-spacing:normal;line-height:1.5}
.site-footer {display:block;font-size:1rem}