.mtc-legal-modal{position:fixed; inset:0; z-index:999999; display:none;}
.mtc-legal-modal[aria-hidden="false"]{display:block;}
.mtc-legal-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.65); backdrop-filter: blur(3px);}
.mtc-legal-panel{
  position:relative;
  margin: min(6vh, 42px) auto;
  width: min(980px, calc(100vw - 28px));
  height: min(86vh, 820px);
  background: rgba(15,15,20,.98);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  box-shadow: 0 20px 70px rgba(0,0,0,.55);
  overflow:hidden;
}
.mtc-legal-close{
  position:absolute; top:10px; right:12px;
  width:40px; height:40px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  color:#fff; font-size:30px; line-height:1;
  cursor:pointer;
}
.mtc-legal-close:hover{background: rgba(255,255,255,.12);}
.mtc-legal-header{
  display:flex; gap:8px;
  padding: 14px 56px 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.mtc-legal-tab{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff;
  padding:10px 12px;
  border-radius: 12px;
  cursor:pointer;
  font-weight: 600;
}
.mtc-legal-tab[aria-current="true"]{background: rgba(255,255,255,.14);}
.mtc-legal-body{height: calc(100% - 58px);}
#mtc-legal-frame{
  width:100%; height:100%;
  border:0; background:#fff;
}
@media (max-width: 520px){
  .mtc-legal-panel{height: 92vh; border-radius: 14px;}
  .mtc-legal-header{padding-right: 50px;}
}