/* =========================
   LEGAL PAGE BACKGROUND
========================= */

body{

  background:
    radial-gradient(
      circle at top left,
      rgba(0,194,209,0.12),
      transparent 30%
    ),

    radial-gradient(
      circle at bottom right,
      rgba(249,115,22,0.08),
      transparent 28%
    ),

    linear-gradient(
      135deg,
      #041120,
      #071d36,
      #0a2342
    );

  min-height:100vh;

  color:white;
}
/* =========================
   LEGAL HERO
========================= */
.legal-hero{

  position:relative;

  z-index:2;
}

.legal-content{

  position:relative;

  z-index:2;
}

.legal-badge{

  display:inline-block;

  padding:10px 18px;

  border-radius:999px;

  background:
    rgba(249,115,22,0.12);

  border:
    1px solid rgba(249,115,22,0.25);

  color:#F97316;

  font-size:0.85rem;

  letter-spacing:1px;

  margin-bottom:28px;
}

.legal-hero h1{

  font-size:
    clamp(3rem,6vw,5rem);

  margin-bottom:24px;

  font-family:
    "Merriweather", serif;
}

.legal-hero p{

  max-width:760px;

  margin:auto;

  line-height:2;

  color:
    rgba(255,255,255,0.72);
}


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

.legal-content{

  padding-bottom:120px;
}

.legal-card{

  max-width:1000px;

  margin:auto;

  padding:60px;

  border-radius:32px;

  background:
    rgba(255,255,255,0.04);

  border:
    1px solid rgba(255,255,255,0.08);

  backdrop-filter:blur(16px);
}


/* BLOCK */

.legal-block{

  margin-bottom:55px;
}

.legal-block h2{

  margin-bottom:18px;

  font-size:1.7rem;

  color:#00C2D1;
}

.legal-block p{

  color:
    rgba(255,255,255,0.74);

  line-height:2;
}


/* CONTACT */

.legal-contact{

  margin-top:18px;
}

.legal-contact p{

  margin-bottom:10px;
}


/* NOTE */

.legal-note{

  margin-top:70px;

  padding-top:30px;

  border-top:
    1px solid rgba(255,255,255,0.08);
}

.legal-note p{

  color:
    rgba(255,255,255,0.55);

  text-align:center;
}


/* MOBILE */

@media(max-width:768px){

  .legal-hero{

    padding:130px 0 70px;
  }

  .legal-card{

    padding:35px 24px;
  }

  .legal-block h2{

    font-size:1.4rem;
  }

}