/* ================================================================
   SHARED VMS THEME FOR INNER PAGES
   Uses the exact VMS header/footer components from xentra.html.
   ================================================================ */

body.vms-inner-page {
  --inner-panel: #0c1c28;
  --inner-panel-2: #102735;
  --inner-copy: #a9bdc8;
  min-height: 100vh;
  background: #091621;
}

.vms-inner-page .legacy-site-footer {
  display: none !important;
}

.vms-inner-page .page-hero {
  position: relative;
  min-height: 470px;
  margin-top: -92px;
  padding: 190px 24px 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 12%, rgba(8, 208, 224, .15), transparent 31%),
    radial-gradient(circle at 10% 65%, rgba(8, 208, 224, .07), transparent 28%),
    #091621;
}

.vms-inner-page .page-hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(1100px, 90%);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(8, 208, 224, .55), transparent);
  box-shadow: 0 0 22px rgba(8, 208, 224, .32);
}

.vms-inner-page .page-hero-content {
  width: min(900px, 100%);
  padding: 0;
  text-align: center;
}

.vms-inner-page .page-hero h1 {
  margin: 1.2rem 0 1.25rem;
  color: #fff;
  font-family: var(--font);
  font-size: clamp(3rem, 6vw, 6rem);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.045em;
}

.vms-inner-page .page-hero .accent {
  color: #08d0e0;
}

.vms-inner-page .page-hero p {
  max-width: 680px;
  margin: 0 auto;
  color: #a9bdc8;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  font-weight: 400;
  line-height: 1.7;
}

.vms-inner-page .page-hero .badge {
  display: inline-flex;
  padding: .55rem 1rem;
  color: #08d0e0;
  font-family: var(--font);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 1px solid rgba(8, 208, 224, .45);
  border-radius: 999px;
  background: rgba(8, 208, 224, .07);
  box-shadow: 0 0 22px rgba(8, 208, 224, .08);
}

.vms-inner-page .hero-bg {
  opacity: .55;
}

.vms-inner-page .grid-overlay {
  background-image:
    linear-gradient(rgba(8, 208, 224, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(8, 208, 224, .035) 1px, transparent 1px);
  background-size: 64px 64px;
}

.vms-inner-page .glow-1 {
  background: rgba(8, 208, 224, .18);
}

/* Legal document, expressed as VMS glass rather than a white page. */
.vms-inner-page .legal-section {
  padding: 5rem 24px 2rem;
  background:
    radial-gradient(circle at 50% 0%, rgba(8, 208, 224, .07), transparent 32%),
    #091621;
}

.vms-inner-page .legal-actions {
  max-width: 980px;
}

.vms-inner-page .legal-print {
  min-height: 44px;
  padding: 0 1.25rem;
  color: #091621;
  border: 1px solid #08d0e0;
  background: #08d0e0;
  box-shadow: 0 8px 26px rgba(8, 208, 224, .2);
}

.vms-inner-page .legal-container {
  max-width: 980px;
  color: #fff;
  border: 1px solid rgba(8, 208, 224, .28);
  border-radius: 34px;
  background:
    radial-gradient(circle at 100% 0%, rgba(8, 208, 224, .09), transparent 26%),
    #0c1c28;
  box-shadow:
    0 35px 90px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .045);
}

.vms-inner-page .legal-container::before {
  color: #08d0e0;
}

.vms-inner-page .legal-container::after {
  background: #08d0e0;
  box-shadow: 0 0 18px rgba(8, 208, 224, .55);
}

.vms-inner-page .legal-updated {
  color: #b5c6cd;
  border-color: rgba(8, 208, 224, .18);
  border-left-color: #08d0e0;
  background: rgba(8, 208, 224, .055);
}

.vms-inner-page .legal-block {
  border-bottom-color: rgba(143, 180, 194, .16);
}

.vms-inner-page .legal-block::before {
  color: rgba(8, 208, 224, .68);
}

.vms-inner-page .legal-block h2 {
  color: #f3f7f9;
}

.vms-inner-page .legal-block p,
.vms-inner-page .legal-list li {
  color: #a9bdc8;
}

.vms-inner-page .legal-list li::before,
.vms-inner-page .legal-block a {
  color: #08d0e0;
}

.vms-inner-page .vms-footer {
  margin-top: 72px;
}

@media (max-width: 900px) {
  .vms-inner-page .page-hero {
    min-height: 420px;
    margin-top: -72px;
    padding: 145px 20px 64px;
  }

  .vms-inner-page .page-hero h1 {
    font-size: clamp(2.6rem, 11vw, 4.5rem);
  }

  .vms-inner-page .legal-section {
    padding: 3.5rem 16px 1rem;
  }

  .vms-inner-page .legal-actions {
    margin-bottom: 1rem;
  }

  .vms-inner-page .legal-container {
    border-radius: 24px;
  }
}

@media (max-width: 600px) {
  .vms-inner-page .page-hero {
    min-height: 390px;
    margin-top: -66px;
    padding: 132px 18px 56px;
  }

  .vms-inner-page .page-hero h1 {
    font-size: clamp(2.35rem, 12vw, 3.4rem);
    letter-spacing: -.035em;
  }

  .vms-inner-page .page-hero p {
    font-size: .96rem;
    line-height: 1.55;
  }

  .vms-inner-page .legal-container {
    padding: 2.4rem 1.25rem;
  }

  .vms-inner-page .legal-block {
    padding-left: 2.3rem;
  }
}

@media print {
  body.vms-inner-page,
  .vms-inner-page .legal-section {
    background: #fff !important;
  }

  .vms-inner-page .vms-nav,
  .vms-inner-page .page-hero,
  .vms-inner-page .vms-footer,
  .vms-inner-page .legal-actions {
    display: none !important;
  }

  .vms-inner-page .legal-container {
    max-width: none;
    padding: 18mm;
    color: #111;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }

  .vms-inner-page .legal-block h2 {
    color: #1a1c5e;
  }

  .vms-inner-page .legal-block p,
  .vms-inner-page .legal-list li {
    color: #333;
  }
}