/* Global Grants Hub × VORA Uganda Access Gateway v1.0.0
   Compact public gateway, adapted from the proven CYEI/MOHI/Nurtora gateway family.
   Current VORA scope: Persons with Disabilities + Older Persons. */
.ggh-vora-gateway{
  --gvg-navy:#071b35;
  --gvg-navy2:#0b2a4c;
  --gvg-gold:#d99b18;
  --gvg-gold2:#f0bd4c;
  --gvg-teal:#079f9a;
  --gvg-green:#0b8f57;
  --gvg-ink:#102943;
  --gvg-muted:#557086;
  --gvg-line:rgba(7,53,78,.14);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:26px 0 24px;
  background:
    radial-gradient(circle at 10% 28%,rgba(7,159,154,.09),transparent 28%),
    radial-gradient(circle at 91% 16%,rgba(217,155,24,.11),transparent 30%),
    linear-gradient(180deg,#f8fbfc 0%,#f3f8f8 100%);
  color:var(--gvg-ink);
  font-family:inherit;
}
.ggh-vora-gateway *{box-sizing:border-box}
.ggh-vora-gateway__shell{
  width:min(calc(100% - 34px),1220px);
  margin:0 auto;
}
.ggh-vora-gateway__card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(190px,.75fr) minmax(0,1.55fr) auto;
  gap:22px;
  align-items:center;
  min-height:158px;
  padding:21px 24px;
  border:1px solid var(--gvg-line);
  border-radius:28px;
  background:
    linear-gradient(118deg,rgba(255,255,255,.98) 0 43%,rgba(240,252,250,.98) 76%,rgba(255,249,232,.97) 100%);
  box-shadow:0 20px 50px rgba(7,35,61,.12),0 6px 0 rgba(7,43,66,.045),inset 0 1px 0 rgba(255,255,255,.95);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.ggh-vora-gateway__card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(110deg,rgba(7,159,154,.44),rgba(217,155,24,.34),rgba(91,54,160,.20));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.ggh-vora-gateway__card::after{
  content:"";
  position:absolute;
  top:-50%;
  left:-20%;
  width:18%;
  height:205%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:rotate(13deg) translateX(-180%);
}
.ggh-vora-gateway__card:hover{
  transform:translateY(-3px);
  border-color:rgba(7,159,154,.26);
  box-shadow:0 25px 58px rgba(7,35,61,.15),0 7px 0 rgba(7,43,66,.05),0 0 28px rgba(7,159,154,.07),inset 0 1px 0 #fff;
}
.ggh-vora-gateway__card:hover::after{opacity:.7;animation:gghVoraSheen 1.05s ease forwards}
@keyframes gghVoraSheen{to{transform:rotate(13deg) translateX(720%)}}
.ggh-vora-gateway__brand{display:flex;align-items:center;gap:11px;min-width:0}
.ggh-vora-gateway__logo-wrap{
  width:106px;
  height:76px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  position:relative;
}
.ggh-vora-gateway__logo-wrap::before{
  content:"";
  position:absolute;
  inset:11px 8px 8px;
  border-radius:24px;
  background:radial-gradient(circle,rgba(7,159,154,.18),rgba(217,155,24,.08) 50%,transparent 72%);
  filter:blur(7px);
}
.ggh-vora-gateway__logo{
  position:relative;
  width:106px;
  max-height:72px;
  object-fit:contain;
  filter:drop-shadow(0 7px 8px rgba(7,40,67,.15));
  transition:transform .3s ease,filter .3s ease;
}
.ggh-vora-gateway__card:hover .ggh-vora-gateway__logo{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 9px 10px rgba(7,159,154,.19))}
.ggh-vora-gateway__brand-copy{min-width:0}
.ggh-vora-gateway__brand-copy strong{display:block;color:var(--gvg-navy);font-size:clamp(1rem,1.25vw,1.24rem);line-height:1.1;letter-spacing:-.02em}
.ggh-vora-gateway__brand-copy span{display:block;margin-top:4px;color:#49677e;font-size:.72rem;line-height:1.32;font-weight:750}
.ggh-vora-gateway__content{min-width:0}
.ggh-vora-gateway__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 7px;
  color:#087c78;
  font-size:.69rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ggh-vora-gateway__kicker::before{content:"";width:24px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gvg-teal),var(--gvg-gold2));box-shadow:0 0 12px rgba(7,159,154,.24)}
.ggh-vora-gateway__content h2{margin:0;color:var(--gvg-ink);font-size:clamp(1.28rem,2vw,1.7rem);line-height:1.08;letter-spacing:-.03em}
.ggh-vora-gateway__content p{max-width:760px;margin:8px 0 0;color:var(--gvg-muted);font-size:.88rem;line-height:1.48}
.ggh-vora-gateway__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.ggh-vora-gateway__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:5px 9px;
  border:1px solid rgba(8,76,100,.11);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 4px 12px rgba(8,49,74,.05);
  color:#284c65;
  font-size:.71rem;
  line-height:1.2;
  font-weight:800;
  text-decoration:none;
  transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.ggh-vora-gateway__chip::before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--gvg-teal),var(--gvg-gold2));box-shadow:0 0 0 3px rgba(7,159,154,.07)}
.ggh-vora-gateway__chip:hover,.ggh-vora-gateway__chip:focus-visible{transform:translateY(-1px);color:#006d69;border-color:rgba(7,159,154,.26);background:#fff;box-shadow:0 7px 16px rgba(8,49,74,.08)}
.ggh-vora-gateway__actions{display:grid;gap:8px;min-width:152px}
.ggh-vora-gateway__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 15px;
  border-radius:12px;
  font-size:.78rem;
  line-height:1.15;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}
.ggh-vora-gateway__button--primary{color:#fff;background:linear-gradient(135deg,#078f8b,#05756f);border:1px solid rgba(5,117,111,.85);box-shadow:0 10px 23px rgba(7,143,139,.2)}
.ggh-vora-gateway__button--primary:hover,.ggh-vora-gateway__button--primary:focus-visible{transform:translateY(-2px);box-shadow:0 14px 27px rgba(7,143,139,.26)}
.ggh-vora-gateway__button--secondary{color:var(--gvg-navy);background:linear-gradient(180deg,#fff,#fffaf0);border:1px solid rgba(217,155,24,.34);box-shadow:0 7px 18px rgba(7,35,61,.07)}
.ggh-vora-gateway__button--secondary:hover,.ggh-vora-gateway__button--secondary:focus-visible{transform:translateY(-2px);border-color:rgba(217,155,24,.58);box-shadow:0 11px 22px rgba(7,35,61,.1)}
.ggh-vora-gateway a:focus-visible{outline:3px solid rgba(217,155,24,.65);outline-offset:3px}
@media(max-width:980px){
  .ggh-vora-gateway__card{grid-template-columns:minmax(175px,.7fr) minmax(0,1.55fr);gap:18px}
  .ggh-vora-gateway__actions{grid-column:1/-1;display:flex;justify-content:flex-end;min-width:0}
  .ggh-vora-gateway__button{min-width:150px}
}
@media(max-width:720px){
  .ggh-vora-gateway{padding:20px 0}
  .ggh-vora-gateway__shell{width:min(calc(100% - 24px),1220px)}
  .ggh-vora-gateway__card{grid-template-columns:1fr;gap:13px;padding:18px;border-radius:23px}
  .ggh-vora-gateway__brand{justify-content:flex-start}
  .ggh-vora-gateway__logo-wrap{width:86px;height:62px}
  .ggh-vora-gateway__logo{width:86px;max-height:59px}
  .ggh-vora-gateway__content h2{font-size:1.28rem}
  .ggh-vora-gateway__content p{font-size:.84rem}
  .ggh-vora-gateway__actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ggh-vora-gateway__button{min-width:0}
}
@media(max-width:430px){
  .ggh-vora-gateway__chips{gap:5px}
  .ggh-vora-gateway__chip{font-size:.68rem;padding:5px 8px}
  .ggh-vora-gateway__actions{grid-template-columns:1fr}
  .ggh-vora-gateway__button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .ggh-vora-gateway__card,.ggh-vora-gateway__logo,.ggh-vora-gateway__chip,.ggh-vora-gateway__button{transition:none!important}
  .ggh-vora-gateway__card::after{display:none!important}
}