/* ============ LEGAL PAGES ============ */
.legal-body{padding-top:72px}
.legal-main{padding:80px 0 120px;position:relative;z-index:2}

.legal-head{text-align:center;margin-bottom:64px}
.legal-tag{
  font-family:'Share Tech Mono',monospace;
  font-size:12px;letter-spacing:3px;
  color:var(--magenta);margin-bottom:16px;
  text-shadow:0 0 8px rgba(255,42,138,.5);
}
.legal-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(28px,4vw,40px);
  font-weight:900;letter-spacing:.04em;line-height:1.3;
  margin-bottom:16px;
  color:#fff;
  text-shadow:0 0 24px rgba(0,240,255,.5);
}
.legal-sub{font-size:13px;color:var(--muted);letter-spacing:1px}

.legal-content{
  max-width:880px;margin:0 auto;
  padding:48px;
  background:linear-gradient(180deg,rgba(10,13,26,.8),rgba(5,6,13,.95));
  border:1px solid var(--line);
  backdrop-filter:blur(8px);
  position:relative;
}
.legal-content::before,
.legal-content::after{
  content:'';position:absolute;width:24px;height:24px;
  border:1px solid var(--cyan);
}
.legal-content::before{top:-1px;left:-1px;border-right:none;border-bottom:none}
.legal-content::after{bottom:-1px;right:-1px;border-left:none;border-top:none}

.legal-content section{
  padding:24px 0;
  border-bottom:1px dashed var(--line);
}
.legal-content section:last-child{border-bottom:none}
.legal-content h2{
  font-family:'Orbitron',sans-serif;
  font-size:16px;font-weight:700;letter-spacing:2px;
  color:var(--cyan);
  text-shadow:0 0 8px rgba(0,240,255,.4);
  margin-bottom:14px;
  display:flex;align-items:center;gap:12px;
}
.legal-content h2::before{
  content:'▸';color:var(--magenta);
  text-shadow:0 0 8px rgba(255,42,138,.6);
}
.legal-content p,
.legal-content li{
  font-size:14px;color:#cbd5e1;
  line-height:2;letter-spacing:.02em;
}
.legal-content p + p{margin-top:12px}
.legal-content ul,.legal-content ol{
  margin:8px 0 8px 24px;
}
.legal-content strong{color:var(--cyan)}

.legal-back{
  text-align:center;margin-top:48px;
}
.legal-back a{
  display:inline-block;
  padding:14px 32px;
  border:1px solid var(--cyan);
  color:var(--cyan);
  font-family:'Orbitron',sans-serif;
  font-size:13px;letter-spacing:2px;font-weight:700;
  text-decoration:none;
  transition:all .3s;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.legal-back a:hover{background:var(--cyan);color:var(--bg);box-shadow:0 0 24px rgba(0,240,255,.5)}

@media (max-width:700px){
  .legal-content{padding:32px 20px}
  .legal-main{padding:48px 0 80px}
}