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

.legal-section{
  width:100%;
  padding:100px 20px;
  background:
  linear-gradient(
  135deg,
  #061726,
  #0b2239
  );
}

.legal-container{
  max-width:1100px;
  margin:auto;
}

.legal-header{
  text-align:center;
  margin-bottom:60px;
  padding-top:40px;
}

.legal-header h1{
  font-size:48px;
  color:#fff;
  margin-bottom:15px;
  font-weight:700;
}

.legal-subtitle{
  color:#b8d4ec;
  font-size:18px;
  margin-bottom:20px;
}

.legal-badge{
  display:inline-block;
  padding:10px 18px;
  border-radius:30px;
  background:rgba(255,255,255,0.08);
  color:#d8ecff;
  font-size:14px;
  border:1px solid rgba(255,255,255,0.08);
}

.legal-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  padding:35px;
  margin-bottom:25px;

  backdrop-filter:blur(8px);

  transition:.3s;
}

.legal-card:hover{
  transform:translateY(-4px);
  border-color:#00bfff;
}

.legal-card h2{
  color:#fff;
  margin-bottom:18px;
  font-size:24px;
  font-weight:600;
}

.legal-card p{
  color:#cfe4f7;
  line-height:1.9;
  font-size:16px;
}

/* MOBILE */

@media(max-width:768px){

.legal-section{
  padding:70px 15px;
}

.legal-header h1{
  font-size:34px;
}

.legal-card{
  padding:25px;
}

.legal-card h2{
  font-size:20px;
}

.legal-card p{
  font-size:15px;
  line-height:1.8;
}

}