/* Visual bridge for the existing About, Terms and Privacy documents. */
.legacy-content-page .container {
  width: min(1080px, calc(100% - 44px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

.legacy-content-page .page-header {
  position: relative;
  overflow: hidden;
  padding: 168px 0 70px !important;
  text-align: left !important;
  border-bottom: 1px solid var(--public-line);
  background: transparent !important;
}

.legacy-content-page .page-header::before {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
  top: -320px;
  right: -80px;
  border: 1px solid rgba(240,56,75,.1);
  border-radius: 50%;
  box-shadow: 0 0 0 80px rgba(240,56,75,.018), 0 0 0 160px rgba(240,56,75,.01);
}

.legacy-content-page .page-header .container { position: relative; z-index: 1; }
.legacy-content-page .page-header h1 {
  max-width: 820px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(50px,7vw,78px) !important;
  font-weight: 880 !important;
  line-height: .97 !important;
  letter-spacing: -4px !important;
}
.legacy-content-page .highlight { color: var(--public-red-light) !important; }
.legacy-content-page .page-header p {
  margin: 20px 0 0 !important;
  color: var(--public-muted) !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: .2px;
}

.legacy-content-page .policy-content,
.legacy-content-page .tos-content,
.legacy-content-page .about-content {
  padding: 70px 0 105px !important;
  background: transparent !important;
}

.legacy-content-page .policy-section,
.legacy-content-page .tos-section,
.legacy-content-page .about-section {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 34px 38px !important;
  border: 1px solid var(--public-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(150deg,rgba(255,255,255,.032),rgba(255,255,255,.012)) !important;
  box-shadow: var(--public-shadow) !important;
}

.legacy-content-page .policy-section h2,
.legacy-content-page .tos-section h2,
.legacy-content-page .about-section h2 {
  margin: 38px 0 14px !important;
  padding-top: 29px;
  border-top: 1px solid var(--public-line);
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  letter-spacing: -.55px !important;
}

.legacy-content-page .policy-section h2:first-child,
.legacy-content-page .tos-section > p:first-child + h2,
.legacy-content-page .about-section > p:first-child + h2 {
  margin-top: 25px !important;
}

.legacy-content-page .policy-section p,
.legacy-content-page .tos-section p,
.legacy-content-page .about-section p {
  margin: 0 0 15px !important;
  color: rgba(247,247,248,.66) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

.legacy-content-page .policy-section strong,
.legacy-content-page .tos-section strong,
.legacy-content-page .about-section strong { color: rgba(255,255,255,.9) !important; }

.legacy-content-page .policy-section ul,
.legacy-content-page .tos-section ul {
  margin: 16px 0 20px !important;
  padding: 17px 19px !important;
  display: grid;
  gap: 11px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 14px;
  list-style: none !important;
  background: rgba(0,0,0,.16);
}

.legacy-content-page .policy-section li,
.legacy-content-page .tos-section li {
  position: relative;
  margin: 0 !important;
  padding-left: 19px !important;
  color: var(--public-muted) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.legacy-content-page .policy-section li::before,
.legacy-content-page .tos-section li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: .7em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--public-red);
  box-shadow: 0 0 9px rgba(240,56,75,.5);
}

.legacy-content-page .contact-info {
  margin: 20px 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(240,56,75,.16) !important;
  border-radius: 14px !important;
  color: var(--public-muted) !important;
  background: rgba(240,56,75,.035) !important;
  box-shadow: none !important;
}
.legacy-content-page .contact-info a { color: #fff !important; }

.legacy-content-page .why-us-grid {
  margin: 19px 0 30px !important;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 13px !important;
}
.legacy-content-page .why-us-card {
  min-height: 145px;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--public-line) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.024) !important;
  box-shadow: none !important;
  transform: none !important;
}
.legacy-content-page .why-us-card:hover { border-color: rgba(240,56,75,.27) !important; background: rgba(240,56,75,.045) !important; }
.legacy-content-page .why-us-card .icon { margin: 0 0 20px !important; font-size: 25px !important; }
.legacy-content-page .why-us-card h3 { margin: 0 !important; color: #fff !important; font-size: 15px !important; }

@media(max-width:760px) {
  .legacy-content-page .container { width: calc(100% - 30px) !important; }
  .legacy-content-page .page-header { padding: 133px 0 53px !important; }
  .legacy-content-page .page-header h1 { font-size: clamp(43px,14vw,59px) !important; letter-spacing: -3px !important; }
  .legacy-content-page .policy-content,.legacy-content-page .tos-content,.legacy-content-page .about-content { padding: 48px 0 76px !important; }
  .legacy-content-page .policy-section,.legacy-content-page .tos-section,.legacy-content-page .about-section { padding: 24px 20px !important; border-radius: 18px !important; }
  .legacy-content-page .policy-section h2,.legacy-content-page .tos-section h2,.legacy-content-page .about-section h2 { font-size: 21px !important; }
  .legacy-content-page .why-us-grid { grid-template-columns: 1fr !important; }
  .legacy-content-page .why-us-card { min-height: 0; }
}