body{
  margin:0;
  font-family:system-ui,Segoe UI,Arial;
  color:#0c1b2a;
}

.bg{
  position:fixed;
  inset:0;
  background:
    url('assets_hub_bg/tlo.jpg') center/cover no-repeat;
  z-index:-1;
}

.hub{
  max-width:1000px;
  margin:0 auto;
  padding:60px 24px;
}

.hub__header{
  text-align:center;
  margin-bottom:60px;
}

.logos{
  display:flex;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
}

.logos img{
  max-height:80px;
}

.tagline{
  margin-top:24px;
  font-size:14px;
  color:#1b6ea8;
  font-weight:600;
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:32px;
}

.card{
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(6px);
  padding:30px 24px;
  border-radius:26px;
  text-decoration:none;
  color:inherit;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
  transition:.25s ease;
  border:1px solid rgba(27,110,168,.18);
  text-align:center;
}

.card:hover{
  transform:translateY(-6px);
  box-shadow:0 30px 70px rgba(0,0,0,.25);
}

.card__name{
  font-size:22px;
  font-weight:900;
  color:#1b6ea8;
}

.card__role{
  margin-top:10px;
  font-size:14px;
  color:#516274;
}

.hub__footer{
  margin-top:70px;
  text-align:center;
  font-size:12px;
  color:#23465f;
}