/* GXnetra portal layout fixes — 2.1.1 */
.gx-special-shell {
  min-height: 70vh;
  padding: 110px clamp(18px, 4vw, 54px) 70px;
}

.gx-special-shell .gxportal {
  margin: 34px auto 40px;
}

.gxportal-head h1 {
  font-size: clamp(34px, 5vw, 58px) !important;
  letter-spacing: -.045em;
  line-height: 1.05;
}

.gxportal-head h1 span,
.gxportal-head > small {
  overflow-wrap: anywhere;
}

.gxportal-head > small {
  display: block;
  max-width: 100%;
  color: #7894a5;
  font-size: 13px;
}

.gxportal-notice {
  margin: 28px 0;
  padding: 20px 22px;
  border: 1px solid #24506a;
  border-left: 4px solid var(--gx-cyan);
  background: #0a1e2b;
}

.gxportal-notice strong {
  font: 20px "Space Grotesk", system-ui, sans-serif;
}

.gxportal-notice p {
  margin: 8px 0 0;
  color: #9bb2c0;
  font-size: 13px;
  line-height: 1.7;
}

.gxportal-notice a {
  display: inline-flex;
  margin-top: 16px;
  padding: 11px 15px;
  border: 1px solid #347ba5;
  color: #dff4ff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.gxportal-notice.pending {
  border-left-color: #efad35;
}

@media (max-width: 760px) {
  .gx-special-shell {
    padding: 82px 12px 45px;
  }

  .gx-special-shell .gxportal {
    margin-top: 24px;
  }

  .gxportal-head h1 {
    font-size: clamp(31px, 10vw, 46px) !important;
  }
}