/* Full-width informational pages: scoped to the five GamesFree landing pages. */
.portal-info-page {
  min-height: 60vh;
  padding: 34px 24px 72px;
  background: var(--site-bg, #09080c);
}

.portal-info-page__article {
  max-width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--border, rgba(255, 255, 255, .09));
  border-radius: 18px;
  background: var(--surface-1, #141219);
  box-shadow: 0 20px 55px rgba(0, 0, 0, .2);
}

.portal-info-page__inner { max-width: 850px; margin: 0 auto; }

.portal-info-page__hero {
  position: relative;
  overflow: hidden;
  padding: 54px 44px 50px;
  border-bottom: 1px solid var(--border, rgba(255, 255, 255, .09));
  background:
    radial-gradient(circle at 88% 14%, rgba(255, 138, 0, .32), transparent 34%),
    radial-gradient(circle at 8% 118%, rgba(255, 176, 0, .13), transparent 35%),
    linear-gradient(130deg, #16121a 0%, #211822 56%, #18141c 100%);
}

.portal-info-page__hero:after {
  position: absolute;
  top: -165px;
  right: -110px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 185, 81, .22);
  border-radius: 50%;
  box-shadow: 0 0 0 34px rgba(255, 185, 81, .035), 0 0 0 68px rgba(255, 185, 81, .025);
  content: '';
  pointer-events: none;
}

.portal-info-page__hero .portal-info-page__inner { position: relative; z-index: 1; }

.portal-info-page__eyebrow {
  margin: 0 0 11px;
  color: #ff9b19;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.portal-info-page h1,
.portal-info-page h2 { color: var(--text-primary, #f7f5fa); font-family: inherit; }
.portal-info-page h1 { margin: 0; font-size: clamp(31px, 5vw, 49px); font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }

.portal-info-page__intro {
  max-width: 670px;
  margin: 16px 0 0;
  color: #d4cdd8;
  font-size: 17px;
  line-height: 1.65;
}

.portal-info-page__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }

.portal-info-page__button {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  padding: 10px 19px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.portal-info-page__button:hover { transform: translateY(-2px); }
.portal-info-page__button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.portal-info-page__button--primary { background: linear-gradient(135deg, #ff6a2c, #ffad00); color: #181018; box-shadow: 0 7px 18px rgba(255, 138, 0, .2); }
.portal-info-page__button--secondary { border-color: rgba(255, 255, 255, .2); background: rgba(21, 18, 26, .5); color: #f7f5fa; }

.portal-info-page__content { padding: 42px 44px 48px; }
.portal-info-page__sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }

.portal-info-page__section {
  min-height: 150px;
  padding: 23px;
  border: 1px solid var(--border, rgba(255, 255, 255, .09));
  border-radius: 13px;
  background: rgba(255, 255, 255, .018);
}

.portal-info-page__section h2 { margin: 0 0 9px; font-size: 20px; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; }
.portal-info-page__section p { margin: 0; color: var(--text-secondary, #aaa5b2); font-size: 15px; line-height: 1.7; }
.portal-info-page__section a { color: #ff9b19; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.portal-info-page__section a:hover { color: #ffc06a; }

body.portal-light-theme .portal-info-page,
body.light-theme .portal-info-page { background: #f5f3f6; }
body.portal-light-theme .portal-info-page__article,
body.light-theme .portal-info-page__article { border-color: #ded9e1; background: #fff; box-shadow: 0 18px 40px rgba(43, 34, 49, .08); }
body.portal-light-theme .portal-info-page__hero,
body.light-theme .portal-info-page__hero { border-color: #ded9e1; background: radial-gradient(circle at 88% 14%, rgba(255, 138, 0, .2), transparent 34%), linear-gradient(130deg, #fffaf5, #f8f4f1); }
body.portal-light-theme .portal-info-page h1,
body.portal-light-theme .portal-info-page h2,
body.light-theme .portal-info-page h1,
body.light-theme .portal-info-page h2 { color: #28232c; }
body.portal-light-theme .portal-info-page__intro,
body.light-theme .portal-info-page__intro { color: #625b68; }
body.portal-light-theme .portal-info-page__section,
body.light-theme .portal-info-page__section { border-color: #e4e0e6; background: #fff; }
body.portal-light-theme .portal-info-page__section p,
body.light-theme .portal-info-page__section p { color: #5d5662; }
body.portal-light-theme .portal-info-page__button--secondary,
body.light-theme .portal-info-page__button--secondary { border-color: #d7d1da; background: #fff; color: #312c36; }

@media (max-width: 680px) {
  .portal-info-page { padding: 22px 14px 48px; }
  .portal-info-page__hero { padding: 36px 22px 33px; }
  .portal-info-page__content { padding: 25px 22px 31px; }
  .portal-info-page__intro { font-size: 15px; }
  .portal-info-page__sections { grid-template-columns: 1fr; }
  .portal-info-page__section { min-height: 0; padding: 20px; }
  .portal-info-page__section p { font-size: 14px; }
}