/* BLONIX — Legal pages (Privacy / Terms) */
.legal-main{
  background:#050507;
  color:#fff;
  padding:80px 0 80px;
  position:relative;
  min-height:calc(100vh - 64px);
}
.legal-main::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(60% 40% at 50% 0%, rgba(123,75,255,0.16) 0%, transparent 60%),
    radial-gradient(80% 30% at 50% 100%, rgba(255,84,196,0.08) 0%, transparent 60%);
}
.legal-container{
  max-width:860px;margin:0 auto;padding:0 24px;position:relative;z-index:2;
}
.back-link{
  display:inline-block;
  font-size:13px;color:rgba(235,235,245,0.7);
  text-decoration:none;
  margin-bottom:30px;
  transition:color .2s;
  font-family:'Inter',sans-serif;
}
.back-link:hover{color:#fff}

.legal-title{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(34px,5.5vw,64px);
  line-height:1.05;
  letter-spacing:0.01em;
  margin-bottom:14px;
  color:#fff;
}
.legal-title .gradient{
  background:linear-gradient(135deg,#e7e2ff 0%,#cdb6ff 30%,#a9d8ff 60%,#7ef0c5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:600;
}
.legal-meta{
  color:#8e8c9b;font-size:13px;letter-spacing:.05em;
  font-family:'Manrope',sans-serif;text-transform:uppercase;
  margin-bottom:50px;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.legal-body{
  font-family:'Inter',sans-serif;
  color:#cbc9d4;
  font-size:15.5px;
  line-height:1.75;
}
.legal-body section{margin-bottom:48px}
.legal-body h2{
  font-family:'Manrope',sans-serif;
  font-weight:600;
  font-size:clamp(20px,2.4vw,26px);
  color:#fff;
  margin-bottom:16px;
  letter-spacing:-0.01em;
  scroll-margin-top:90px;
}
.legal-body h3{
  font-family:'Manrope',sans-serif;
  font-weight:600;
  font-size:17px;
  color:#fff;
  margin:24px 0 12px;
}
.legal-body p{margin-bottom:14px;color:#cbc9d4}
.legal-body ul{
  list-style:none;
  margin:14px 0 18px;
  padding:0;
}
.legal-body ul li{
  position:relative;
  padding-left:22px;
  margin-bottom:8px;
  color:#cbc9d4;
}
.legal-body ul li::before{
  content:"";
  position:absolute;
  left:6px;top:11px;
  width:5px;height:5px;
  background:#9b6cff;
  border-radius:50%;
}
.legal-body a{color:#9b6cff;text-decoration:none;border-bottom:1px solid rgba(155,108,255,0.35)}
.legal-body a:hover{color:#bda1ff;border-bottom-color:#bda1ff}

.contact-block{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px;
  padding:20px 22px;
  margin:16px 0 18px;
}
.contact-block p{margin-bottom:6px}
.contact-block strong{color:#fff;font-weight:600}

.ack{
  background:linear-gradient(135deg,rgba(155,108,255,0.10),rgba(255,84,196,0.06));
  border:1px solid rgba(155,108,255,0.20);
  border-radius:12px;
  padding:18px 22px;
  color:#e2dcf2;
  font-size:14.5px;
  margin-top:24px;
}

.legal-cta{
  display:flex;gap:14px;flex-wrap:wrap;
  margin-top:60px;padding-top:36px;
  border-top:1px solid rgba(255,255,255,0.08);
}
.cta-link{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 22px;
  background:linear-gradient(135deg,#9b6cff,#7a4dff);
  color:#fff;border-radius:999px;
  font-size:14px;font-weight:600;
  text-decoration:none;
  transition:transform .25s,box-shadow .25s;
}
.cta-link:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(155,108,255,0.4)}
.cta-link.ghost{
  background:transparent;
  border:1px solid rgba(255,255,255,0.18);
}
.cta-link.ghost:hover{border-color:#fff;box-shadow:none}

/* Mini footer on legal pages */
.legal-footer{
  background:#050507;
  border-top:1px solid rgba(255,255,255,0.08);
  padding:30px 0;
}
.lf-inner{
  max-width:1280px;
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;
}
.footer-logo{
  font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.06em;
  font-size:18px;color:#fff;text-decoration:none;
}
.lf-links{display:flex;gap:24px;flex-wrap:wrap}
.lf-links a{
  color:#8e8c9b;font-size:13.5px;text-decoration:none;
  transition:color .2s;font-family:'Inter',sans-serif;
}
.lf-links a:hover,.lf-links a.active{color:#fff}
.lf-copy{color:#6a6878;font-size:12.5px;font-family:'Inter',sans-serif}

@media (max-width: 640px){
  .legal-main{padding:50px 0 60px}
  .legal-meta{margin-bottom:34px}
  .legal-body{font-size:14.5px}
  .legal-body section{margin-bottom:36px}
  .legal-cta{flex-direction:column}
  .cta-link{justify-content:center}
  .lf-inner{justify-content:flex-start;flex-direction:column;align-items:flex-start}
}