/* =====================================================
   LEGAL PAGE – PREMIUM ARCHITECTURE
   Footer Safe
   Clean Scroll
===================================================== */


/* =====================================================
   GLOBAL FIX (FOOTER SAFE)
===================================================== */

body{
  display:flex;
  flex-direction:column;
  min-height:100vh;
  overflow-y:auto;
}

main{
  flex:1 0 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}

.site-footer{
  margin-top:auto;
  flex-shrink:0;
}


/* =====================================================
   PAGE WRAPPER
===================================================== */

.legal-page{
  flex:1;
  display:flex;
  justify-content:center;
  padding:80px 24px 100px;
  box-sizing:border-box;
}


/* =====================================================
   INNER CONTAINER
===================================================== */

.legal-inner{
  width:100%;
  max-width:980px;
}


/* =====================================================
   PREMIUM CARD
===================================================== */

.legal-content{
  margin-top:28px;
  padding:56px 64px;
  border-radius:24px;

  background:linear-gradient(
    145deg,
    rgba(255,255,255,0.06),
    rgba(255,255,255,0.03)
  );

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

  box-shadow:
    0 40px 120px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.08);

  backdrop-filter: blur(12px);
}


/* =====================================================
   TITLE
===================================================== */

.legal-inner h1{
  margin:0;
  font-size:32px;
  font-weight:800;
  letter-spacing:-0.5px;
  color:#ffffff;
}


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

.legal-content{
  font-size:15.5px;
  line-height:1.95;
  color:rgba(255,255,255,0.90);
}

.legal-content h2,
.legal-content h3{
  margin-top:42px;
  margin-bottom:14px;
  font-size:18px;
  font-weight:700;
  color:#ffffff;
}

.legal-content p{
  margin-bottom:18px;
}

.legal-content ul{
  margin:14px 0 18px 18px;
  padding:0;
}

.legal-content li{
  margin-bottom:10px;
}


/* =====================================================
   SECTION DIVIDER
===================================================== */

.legal-content hr{
  border:none;
  height:1px;
  background:rgba(255,255,255,0.12);
  margin:40px 0;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width:768px){

  .legal-page{
    padding:48px 18px 80px;
  }

  .legal-content{
    padding:32px 28px;
    border-radius:18px;
    font-size:14px;
  }

  .legal-inner h1{
    font-size:24px;
  }

}