/*! Copyright (c) MatchFlow.gg. All rights reserved. Proprietary: see https://matchflow.gg/terms */
.mf-privacy-page {
  --terms-line: rgba(67, 119, 205, 0.28);
  --privacy-blue: #36a8ff;
  --privacy-pink: #ee4fbd;
  background:
    radial-gradient(circle at 78% 12%, rgba(37, 104, 255, 0.16), transparent 28rem),
    radial-gradient(circle at 18% 36%, rgba(22, 128, 255, 0.1), transparent 26rem),
    linear-gradient(180deg, #020419 0%, #04061e 52%, #020416 100%);
}
.mf-privacy-hero {
  grid-template-columns: minmax(370px, 0.72fr) minmax(520px, 1.28fr);
  border-color: rgba(50, 146, 255, 0.24);
  background:
    url("/static/legal/privacy-horizon.webp") center bottom / 100% auto no-repeat,
    radial-gradient(circle at 78% 44%, rgba(230, 57, 210, 0.22), transparent 24%),
    radial-gradient(circle at 66% 48%, rgba(48, 101, 255, 0.27), transparent 38%),
    linear-gradient(135deg, rgba(5, 8, 42, 0.98), rgba(3, 6, 31, 0.92));
}
.mf-privacy-hero::after {
  display: none;
}
.mf-privacy-hero .mf-terms-meta i,
.mf-privacy-page .mf-term-body a {
  color: #53b7ff;
}
.mf-privacy-hero .mf-terms-hero-copy {
  padding-left: 46px;
}
.mf-privacy-hero .mf-terms-hero-art {
  display: grid;
  place-items: end center;
}
.mf-privacy-hero .mf-terms-hero-art img {
  width: 98%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 18px 40px rgba(30, 77, 255, 0.38));
  transform: translateY(1%);
}
.mf-privacy-mobile-title {
  display: none;
}
.mf-privacy-page .mf-terms-sidebar nav a::before,
.mf-privacy-page .mf-terms-accept {
  background: linear-gradient(105deg, #268cff, #7656ff 55%, #ec4ab9);
}
.mf-privacy-page .mf-terms-sidebar nav a.is-active i,
.mf-privacy-page .mf-term-section summary > i {
  color: #68baff;
}
.mf-privacy-sidebar-inner {
  display: grid;
  align-content: start;
}
.mf-privacy-sidebar-inner > span {
  display: block;
  margin: 0 10px 12px;
  color: rgba(174, 185, 220, 0.68);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.mf-privacy-page .mf-privacy-sidebar-inner nav,
.mf-privacy-page .mf-privacy-sidebar-inner .mf-privacy-sidebar-note {
  position: static;
  top: auto;
}
@media (min-width: 761px) and (min-height: 760px) {
  .mf-privacy-sidebar-inner {
    position: sticky;
    top: 88px;
  }
}
.mf-privacy-page .mf-term-icon {
  border-color: rgba(63, 155, 255, 0.28);
  color: #5eb5ff;
  background: linear-gradient(145deg, rgba(30, 111, 230, 0.28), rgba(185, 49, 197, 0.16));
}
.mf-privacy-page .mf-term-section:nth-of-type(3n + 2) .mf-term-icon {
  border-color: rgba(236, 75, 188, 0.26);
  color: #f06ec4;
  background: linear-gradient(145deg, rgba(182, 48, 158, 0.25), rgba(73, 56, 176, 0.18));
}
.mf-privacy-page .mf-term-section:nth-of-type(3n) .mf-term-icon {
  border-color: rgba(148, 91, 255, 0.26);
  color: #b17bff;
  background: linear-gradient(145deg, rgba(114, 61, 213, 0.27), rgba(43, 102, 203, 0.18));
}
.mf-privacy-page .mf-terms-summary {
  border-color: rgba(53, 154, 255, 0.34);
  background: linear-gradient(90deg, rgba(32, 100, 208, 0.2), rgba(139, 45, 169, 0.12));
}
.mf-privacy-page .mf-terms-summary > i {
  color: #ff70cb;
  background: linear-gradient(145deg, rgba(40, 129, 255, 0.27), rgba(221, 58, 182, 0.24));
}
.mf-privacy-sidebar-note {
  border-color: rgba(64, 145, 255, 0.3);
  background: linear-gradient(130deg, rgba(12, 10, 86, 0.8), rgba(16, 16, 67, 0.76));
}
.mf-privacy-sidebar-note img {
  filter: drop-shadow(0 0 14px rgba(48, 140, 255, 0.35));
}
.mf-privacy-agreement {
  border-color: rgba(84, 156, 255, 0.66);
  background:
    radial-gradient(circle at 96% 30%, rgba(239, 65, 188, 0.16), transparent 36%),
    linear-gradient(120deg, rgba(14, 75, 145, 0.3), rgba(23, 20, 89, 0.54));
}
.mf-privacy-agreement > img {
  filter: drop-shadow(0 0 18px rgba(38, 143, 255, 0.48));
}
@media (max-width: 1020px) {
  .mf-privacy-hero {
    grid-template-columns: minmax(330px, 0.8fr) minmax(390px, 1.2fr);
  }
}
@media (max-width: 760px) {
  .mf-privacy-page .mf-terms-main {
    gap: 14px;
  }
  .mf-privacy-hero {
    grid-template-columns: minmax(0, 1.12fr) minmax(120px, 0.88fr);
    min-height: 282px;
    padding: 24px 18px 20px;
    border-color: rgba(58, 159, 255, 0.46);
    background:
      radial-gradient(circle at 76% 46%, rgba(229, 65, 200, 0.23), transparent 35%),
      radial-gradient(circle at 26% 48%, rgba(28, 123, 255, 0.22), transparent 42%),
      linear-gradient(130deg, rgba(4, 6, 56, 0.98), rgba(11, 13, 54, 0.96));
    box-shadow: 0 24px 60px rgba(0, 2, 20, 0.48), inset 0 1px rgba(255, 255, 255, 0.04);
  }
  .mf-privacy-hero .mf-terms-hero-copy {
    grid-column: 1;
    padding: 0;
  }
  .mf-privacy-hero .mf-terms-hero-art {
    grid-column: 2;
    width: 100%;
    height: 100%;
  }
  .mf-privacy-hero .mf-terms-hero-art img {
    width: 125%;
    height: auto;
    max-height: none;
    margin-left: -16%;
    object-fit: contain;
  }
  .mf-privacy-desktop-title {
    display: none;
  }
  .mf-privacy-mobile-title {
    display: inline;
  }
  .mf-privacy-mobile-title em {
    font-style: normal;
    background: linear-gradient(95deg, #45aaff, #9f65ff 54%, #f15abf);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .mf-privacy-hero h1 {
    font-size: clamp(1.72rem, 8vw, 2.35rem);
    line-height: 1.1;
  }
  .mf-privacy-hero .mf-terms-hero-copy > p {
    font-size: 0.75rem;
    line-height: 1.55;
  }
  .mf-privacy-page .mf-terms-summary {
    display: none;
  }
  .mf-privacy-page .mf-term-section {
    margin-bottom: 5px;
    border: 1px solid rgba(67, 119, 205, 0.3);
    border-radius: 14px;
    background: linear-gradient(100deg, rgba(14, 14, 67, 0.94), rgba(11, 13, 45, 0.92));
  }
  .mf-privacy-page .mf-term-section:first-of-type,
  .mf-privacy-page .mf-term-section:nth-last-of-type(1) {
    border-radius: 14px;
  }
  .mf-privacy-page .mf-term-section summary {
    min-height: 78px;
  }
  .mf-privacy-agreement {
    border-color: rgba(83, 142, 255, 0.5);
  }
}
@media (max-width: 430px) {
  .mf-privacy-hero {
    grid-template-columns: minmax(0, 1.08fr) minmax(104px, 0.92fr);
    min-height: 258px;
    padding: 20px 14px;
  }
  .mf-privacy-hero .mf-terms-hero-art,
  .mf-privacy-hero .mf-terms-hero-art img {
    width: 125%;
    height: auto;
  }
  .mf-privacy-hero .mf-terms-hero-art img {
    margin-left: -18%;
  }
  .mf-privacy-page .mf-terms-meta span:last-child {
    display: none;
  }
  .mf-privacy-page .mf-terms-agreement {
    grid-template-columns: 58px minmax(0, 1fr);
    padding: 14px;
  }
  .mf-privacy-page .mf-terms-agreement > img {
    width: 58px;
    height: 58px;
  }
}