/* hero with background image */
.pg-hero{
  position:relative;
  min-height:60vh;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.pg-hero::before{
  content:"";
  position:absolute; inset:0;
  filter:brightness(.8);
}
.pg-hero::after{
  /* soft blur overlay so card pops */
  content:"";
  position:absolute; inset:0;
  backdrop-filter: blur(1.5px);
}

/* center card */
.pg-card{
  position:relative;
  z-index:2;
  width:min(680px,92vw);
  background:#2f54d8;
  color:#fff;
  border-radius:18px;
  box-shadow:var(--shadow-xl);
  padding:42px 36px;
  text-align:center;
  margin: 0px auto;
}

/* headings */
.pg-title{
  font-weight:800;
  letter-spacing:.2px;
  margin:0 0 6px 0;
}
.pg-sub{
  opacity:.9;
  font-weight:700;
  margin-bottom:22px;
}

/* dollar circle */
.pg-icon{
  width:120px; height:120px;
  border:4px solid #fff;
  border-radius:50%;
  display:grid; place-items:center;
  margin:0 auto 22px auto;
  font-size:56px;
  line-height:1;
}

/* gateway name */
.pg-gw{
  font-weight:800;
  letter-spacing:.6px;
  font-size:28px;
}

/* small screens */
@media (max-width:575.98px){
  .pg-card{padding:30px 22px}
  .pg-icon{width:96px;height:96px;font-size:46px}
  .pg-gw{font-size:24px}
}