/* ==========================================================
   PRIVACY POLICY
========================================================== */

.privacy-page {

  --privacy-bg: #05090d;
  --privacy-bg2: #07121e;

  --privacy-card: #0d1928;

  --privacy-border:
    rgba(128,170,207,.13);

  --privacy-blue: #65c8fa;
  --privacy-violet: #8c89ff;
  --privacy-teal: #5dd9c8;

  --privacy-white: #f3f6f9;
  --privacy-text: #98aaba;
  --privacy-muted: #73889b;

  background:
    var(--privacy-bg);

  overflow: hidden;

}



/* ==========================================================
   HERO
========================================================== */

.privacy-hero {

  position: relative;

  padding:
    165px 0 95px;

  overflow: hidden;

  background:

    radial-gradient(
      circle at 7% 20%,
      rgba(30,110,172,.20),
      transparent 34%
    ),

    radial-gradient(
      circle at 91% 10%,
      rgba(92,76,200,.14),
      transparent 32%
    ),

    linear-gradient(
      135deg,
      #071421,
      #030608 54%,
      #091421
    );

}


.privacy-grid-bg {

  position: absolute;

  inset: 0;

  opacity: .035;

  background-image:

    linear-gradient(
      rgba(101,200,250,.13) 1px,
      transparent 1px
    ),

    linear-gradient(
      90deg,
      rgba(101,200,250,.13) 1px,
      transparent 1px
    );

  background-size:
    72px 72px;

}


.privacy-glow {

  position: absolute;

  width: 620px;
  height: 620px;

  border-radius: 50%;

  filter:
    blur(140px);

}


.privacy-glow-one {

  left: -430px;
  bottom: -330px;

  background:
    rgba(30,115,178,.20);

}


.privacy-glow-two {

  right: -430px;
  top: -260px;

  background:
    rgba(103,81,210,.14);

}


.privacy-hero-layout {

  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    1fr .7fr;

  gap: 85px;

  align-items: center;

}


.privacy-eyebrow {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color:
    var(--privacy-blue);

  font-size: 10px;

  font-weight: 700;

  letter-spacing: 1.5px;

}


.privacy-eyebrow span {

  width: 20px;
  height: 1px;

  background:
    var(--privacy-blue);

}


.privacy-hero-copy h1 {

  max-width: 850px;

  margin:
    19px 0 0;

  color:
    var(--privacy-white);

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    clamp(
      52px,
      5vw,
      74px
    );

  line-height: 1;

  letter-spacing:
    -4.2px;

}


.privacy-hero-copy h1 span {

  display: block;

  margin-top: 5px;

  color: transparent;

  background:
    linear-gradient(
      90deg,
      var(--privacy-blue),
      #73b9ff 48%,
      var(--privacy-violet)
    );

  -webkit-background-clip: text;
  background-clip: text;

}


.privacy-hero-copy > p {

  max-width: 720px;

  margin-top: 23px;

  color:
    #a4b5c3;

  font-size: 15px;

  line-height: 1.8;

}


.privacy-meta {

  margin-top: 27px;

  display: flex;

  flex-wrap: wrap;

  gap: 19px;

}


.privacy-meta span {

  display: inline-flex;

  align-items: center;

  gap: 7px;

  color:
    #8095a7;

  font-size: 10px;

}


.privacy-meta svg {

  width: 14px;

  color:
    var(--privacy-teal);

}



/* HERO CARD */

.privacy-hero-card {

  padding: 31px;

  border-radius: 20px;

  border:
    1px solid
    rgba(101,200,250,.16);

  background:

    radial-gradient(
      circle at 85% 0%,
      rgba(102,82,215,.10),
      transparent 35%
    ),

    linear-gradient(
      145deg,
      #13233a,
      #08121d
    );

  box-shadow:
    0 40px 90px
    rgba(0,0,0,.35);

}


.privacy-hero-card-icon {

  width: 53px;
  height: 53px;

  display: grid;

  place-items: center;

  border-radius: 13px;

  color:
    var(--privacy-blue);

  border:
    1px solid
    rgba(101,200,250,.16);

  background:
    rgba(101,200,250,.045);

}


.privacy-hero-card-icon svg {

  width: 23px;

}


.privacy-hero-card > small {

  display: block;

  margin-top: 29px;

  color:
    var(--privacy-blue);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1.2px;

}


.privacy-hero-card h3 {

  margin-top: 7px;

  color:
    #eef4f8;

  font-size: 23px;

}


.privacy-hero-card > p {

  margin-top: 12px;

  color:
    #879cad;

  font-size: 11px;

  line-height: 1.72;

}


.privacy-card-points {

  margin-top: 25px;

  display: grid;

  gap: 8px;

}


.privacy-card-points span {

  min-height: 41px;

  padding:
    0 11px;

  display: flex;

  align-items: center;

  gap: 9px;

  border-radius: 8px;

  color:
    #8fa4b4;

  border:
    1px solid
    rgba(128,170,207,.07);

  background:
    rgba(255,255,255,.012);

  font-size: 9px;

}


.privacy-card-points svg {

  width: 13px;

  color:
    var(--privacy-teal);

}



/* ==========================================================
   CONTENT
========================================================== */

.privacy-content-section {

  padding:
    90px 0 110px;

  background:

    linear-gradient(
      180deg,
      #07111c,
      #05090d
    );

}


.privacy-layout {

  display: grid;

  grid-template-columns:
    260px minmax(0,1fr);

  gap: 65px;

  align-items: start;

}



/* ==========================================================
   SIDEBAR
========================================================== */

.privacy-sidebar-inner {

  position: sticky;

  top: 120px;

  padding: 22px;

  border-radius: 16px;

  border:
    1px solid
    var(--privacy-border);

  background:
    linear-gradient(
      145deg,
      #101c2b,
      #080f16
    );

}


.privacy-sidebar-inner > span {

  display: block;

  padding-bottom: 15px;

  color:
    var(--privacy-blue);

  border-bottom:
    1px solid
    var(--privacy-border);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1.3px;

}


.privacy-sidebar nav {

  margin-top: 13px;

  display: grid;

  gap: 2px;

}


.privacy-sidebar a {

  padding:
    9px 8px;

  border-radius: 7px;

  color:
    #758b9e;

  text-decoration: none;

  font-size: 9px;

  transition:
    color .2s ease,
    background .2s ease;

}


.privacy-sidebar a:hover {

  color:
    #dfeaf1;

  background:
    rgba(101,200,250,.045);

}



/* ==========================================================
   POLICY BLOCK
========================================================== */

.privacy-copy {

  min-width: 0;

}


.privacy-policy-block {

  position: relative;

  padding:
    0 0 64px;

  margin-bottom: 64px;

  border-bottom:
    1px solid
    rgba(128,170,207,.09);

}


.privacy-policy-block:last-child {

  border-bottom: 0;
  margin-bottom: 0;

}


.privacy-number {

  display: inline-block;

  margin-bottom: 13px;

  color:
    var(--privacy-blue);

  font-size: 8px;

  font-weight: 700;

  letter-spacing: 1px;

}


.privacy-policy-block h2 {

  margin: 0;

  color:
    #eef4f7;

  font-family:
    "Manrope",
    sans-serif;

  font-size:
    clamp(
      29px,
      3vw,
      40px
    );

  line-height: 1.15;

  letter-spacing:
    -1.5px;

}


.privacy-policy-block > p {

  max-width: 940px;

  margin-top: 17px;

  color:
    var(--privacy-text);

  font-size: 13px;

  line-height: 1.82;

}



/* ==========================================================
   INFO GRID
========================================================== */

.privacy-info-grid {

  margin-top: 27px;

  display: grid;

  grid-template-columns:
    repeat(2,1fr);

  gap: 12px;

}


.privacy-info-grid article {

  min-height: 195px;

  padding: 23px;

  border-radius: 14px;

  border:
    1px solid
    var(--privacy-border);

  background:
    linear-gradient(
      145deg,
      #101c2b,
      #080f16
    );

}


.privacy-info-grid svg {

  width: 40px;
  height: 40px;

  padding: 10px;

  border-radius: 9px;

  color:
    var(--privacy-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

}


.privacy-info-grid h3 {

  margin-top: 24px;

  color:
    #e6edf2;

  font-size: 15px;

}


.privacy-info-grid p {

  margin-top: 7px;

  color:
    #7c91a3;

  font-size: 9px;

  line-height: 1.65;

}



/* ==========================================================
   LIST
========================================================== */

.privacy-list {

  margin:
    24px 0 0;

  padding: 0;

  display: grid;

  gap: 8px;

  list-style: none;

}


.privacy-list li {

  position: relative;

  min-height: 46px;

  padding:
    13px 16px 13px 41px;

  border-radius: 9px;

  color:
    #91a4b4;

  border:
    1px solid
    rgba(128,170,207,.07);

  background:
    rgba(255,255,255,.012);

  font-size: 10px;

  line-height: 1.6;

}


.privacy-list li::before {

  content: "✓";

  position: absolute;

  left: 16px;
  top: 13px;

  color:
    var(--privacy-teal);

  font-weight: 700;

}



/* ==========================================================
   NOTE
========================================================== */

.privacy-note {

  margin-top: 25px;

  padding: 18px;

  display: grid;

  grid-template-columns:
    38px 1fr;

  gap: 12px;

  align-items: center;

  border-radius: 12px;

  border:
    1px solid
    rgba(93,217,200,.12);

  background:
    rgba(93,217,200,.025);

}


.privacy-note svg {

  width: 21px;

  color:
    var(--privacy-teal);

}


.privacy-note p {

  margin: 0;

  color:
    #8ea2b1;

  font-size: 10px;

  line-height: 1.65;

}



/* ==========================================================
   SECURITY
========================================================== */

.privacy-security-grid {

  margin-top: 25px;

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 9px;

}


.privacy-security-grid article {

  min-height: 105px;

  padding: 15px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  border-radius: 11px;

  border:
    1px solid
    var(--privacy-border);

  background:
    rgba(255,255,255,.012);

}


.privacy-security-grid svg {

  width: 20px;

  color:
    var(--privacy-blue);

}


.privacy-security-grid span {

  color:
    #899dac;

  font-size: 9px;

}



/* ==========================================================
   CONTACT
========================================================== */

.privacy-contact-grid {

  margin-top: 27px;

  display: grid;

  grid-template-columns:
    repeat(2,1fr);

  gap: 11px;

}


.privacy-contact-grid > * {

  min-height: 100px;

  padding: 18px;

  display: grid;

  grid-template-columns:
    40px 1fr;

  gap: 12px;

  align-items: start;

  border-radius: 13px;

  color: inherit;

  text-decoration: none;

  border:
    1px solid
    var(--privacy-border);

  background:
    linear-gradient(
      145deg,
      #101c2b,
      #080f16
    );

}


.privacy-contact-grid
> *:last-child {

  grid-column:
    1 / -1;

}


.privacy-contact-grid
> * > svg {

  width: 39px;
  height: 39px;

  padding: 10px;

  border-radius: 9px;

  color:
    var(--privacy-blue);

  border:
    1px solid
    rgba(101,200,250,.13);

}


.privacy-contact-grid small {

  display: block;

  color:
    var(--privacy-blue);

  font-size: 7px;

  font-weight: 700;

  letter-spacing: 1px;

}


.privacy-contact-grid strong {

  display: block;

  margin-top: 5px;

  color:
    #e5edf2;

  font-size: 11px;

}


.privacy-contact-grid p {

  margin-top: 5px;

  color:
    #8194a4;

  font-size: 9px;

  line-height: 1.55;

}



/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:1100px) {

  .privacy-hero-layout {

    grid-template-columns:
      1fr;

  }


  .privacy-hero-card {

    max-width: 720px;

  }


  .privacy-layout {

    grid-template-columns:
      1fr;

  }


  .privacy-sidebar {

    display: none;

  }

}



@media(max-width:768px) {

  .privacy-hero {

    padding:
      130px 0 70px;

  }


  .privacy-hero-copy h1 {

    font-size:
      clamp(
        42px,
        11vw,
        57px
      );

    letter-spacing:
      -3px;

  }


  .privacy-content-section {

    padding:
      70px 0 85px;

  }


  .privacy-policy-block {

    padding-bottom: 48px;

    margin-bottom: 48px;

  }


  .privacy-info-grid {

    grid-template-columns:
      1fr;

  }


  .privacy-security-grid {

    grid-template-columns:
      repeat(2,1fr);

  }


  .privacy-contact-grid {

    grid-template-columns:
      1fr;

  }


  .privacy-contact-grid
  > *:last-child {

    grid-column: auto;

  }

}



@media(max-width:480px) {

  .privacy-meta {

    flex-direction: column;

    gap: 10px;

  }


  .privacy-hero-card {

    padding:
      24px 20px;

  }


  .privacy-security-grid {

    grid-template-columns:
      1fr;

  }

}