.legal-page{
  background:#f7f8fb;
}

.legal-page .page-shell{
  min-height:100vh;
}

.legal-wrap{
  width:min(1220px,calc(100% - 48px));
  margin:0 auto;
  padding:34px 0 72px;
}

.legal-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#485a78;
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:14px;
  font-weight:500;
}

.legal-header{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  align-items:start;
  padding:20px 0 26px;
  border-bottom:1px solid rgba(201,208,224,.72);
}

.legal-header-copy h1{
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:34px;
  line-height:1.14;
  font-weight:500;
  letter-spacing:0;
  color:#0f1730;
}

.legal-header-copy p{
  margin-top:12px;
  color:#5f6980;
  font-size:16px;
  line-height:1.65;
}

.legal-logo{
  height:34px;
  width:auto;
}

.legal-lang{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border-radius:12px;
  border:1px solid rgba(209,216,231,.88);
  background:#fff;
}

.legal-lang span{
  min-width:31px;
  height:28px;
  padding:0 9px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#50586d;
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:13px;
  font-weight:500;
}

.legal-lang .active{
  background:#d8e2ff;
  color:#2456ff;
}

.legal-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin-top:52px;
}

.legal-card{
  display:grid;
  gap:18px;
  min-height:220px;
  padding:24px 24px 22px;
  border-radius:18px;
  border:1px solid rgba(212,218,231,.88);
  background:#fff;
  box-shadow:0 10px 24px rgba(16,26,48,.04);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.legal-card:hover{
  transform:translateY(-3px);
  border-color:rgba(102,139,255,.5);
  box-shadow:0 16px 34px rgba(36,86,255,.08);
}

.legal-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:18px;
}

.legal-card-icon{
  width:48px;
  height:48px;
  border-radius:12px;
  background:#eaf1ff;
  color:#2456ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.legal-card-icon svg{
  width:24px;
  height:24px;
  display:block;
}

.legal-card-tags{
  display:flex;
  gap:6px;
}

.legal-card-tags span{
  min-width:30px;
  height:24px;
  padding:0 8px;
  border-radius:7px;
  background:#f1f3f8;
  color:#4f576e;
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:12px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.legal-card h2{
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:20px;
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.04em;
  color:#101827;
}

.legal-card p{
  color:#5d677f;
  font-size:15px;
  line-height:1.45;
}

.legal-card-date{
  align-self:end;
  color:#8e96aa;
  font-size:14px;
}

.legal-company-box{
  margin-top:38px;
  padding:28px 26px;
  border-radius:16px;
  border:1px solid rgba(212,218,231,.88);
  background:#fff;
}

.legal-company-box h3{
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:16px;
  font-weight:500;
  color:#111827;
}

.legal-company-box p{
  margin-top:14px;
  color:#4f5b75;
  font-size:15px;
  line-height:1.6;
}

.legal-footer{
  margin-top:44px;
  padding-top:20px;
  border-top:1px solid rgba(208,214,227,.72);
  text-align:center;
  color:#5b647b;
  font-size:14px;
}

.legal-doc{
  width:min(1220px,calc(100% - 48px));
  margin:0 auto;
  padding:34px 0 72px;
}

.legal-doc-header{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:start;
  padding:18px 0 26px;
  border-bottom:1px solid rgba(201,208,224,.72);
}

.legal-doc-title{
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:38px;
  line-height:1.12;
  font-weight:500;
  color:#0f1730;
}

.legal-doc-meta{
  margin-top:10px;
  color:#5d677f;
  font-size:16px;
  line-height:1.55;
}

.legal-content{
  width:min(980px,100%);
  padding-top:44px;
  color:#1d2a44;
}

.legal-intro{
  margin-bottom:28px;
  font-size:18px;
  line-height:1.7;
  color:#22314d;
}

.legal-content h2{
  margin-top:42px;
  margin-bottom:16px;
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:22px;
  line-height:1.25;
  font-weight:500;
  color:#0f1730;
}

.legal-content h3{
  margin-top:22px;
  margin-bottom:10px;
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:18px;
  line-height:1.35;
  font-weight:500;
  color:#14213a;
}

.legal-content p{
  font-size:17px;
  line-height:1.78;
  color:#27354f;
}

.legal-content ul{
  margin:14px 0 22px 24px;
  display:grid;
  gap:10px;
}

.legal-content li{
  font-size:17px;
  line-height:1.72;
  color:#26344e;
}

.legal-content strong{
  color:#0f1730;
  font-weight:400;
}

.legal-header-copy h1,
.legal-card h2,
.legal-card p,
.legal-card-date,
.legal-company-box h3,
.legal-company-box p,
.legal-company-box strong,
.legal-doc-title,
.legal-content h2,
.legal-content h3,
.legal-content p,
.legal-content li,
.legal-content strong,
.legal-lead-box strong,
.legal-footer {
  font-family:"Plus Jakarta Sans",sans-serif !important;
  font-weight:400 !important;
}

.legal-lead-box{
  margin-top:22px;
  padding:24px 26px;
  border-radius:16px;
  border:1px solid rgba(210,216,229,.86);
  background:#fff;
}

.legal-table-wrap{
  margin-top:18px;
  overflow:auto;
  border-radius:16px;
  border:1px solid rgba(210,216,229,.86);
  background:#fff;
}

.legal-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.legal-table th,
.legal-table td{
  padding:18px 16px;
  border-bottom:1px solid rgba(221,226,236,.92);
  text-align:left;
  vertical-align:top;
}

.legal-table th{
  color:#43516f;
  font-family:"Gotham Medium","Plus Jakarta Sans",sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:#f7f8fb;
}

.legal-table td{
  font-size:16px;
  line-height:1.6;
  color:#24324c;
}

.legal-note-card{
  margin-top:36px;
  padding:28px 26px;
  border-radius:16px;
  border:1px solid rgba(212,218,231,.88);
  background:#fff;
}

.legal-note-card h3{
  margin:0 0 12px;
}

:root[data-theme="dark"] .legal-page{
  background:#0b111d;
}

:root[data-theme="dark"] .legal-back{
  color:#b7c1d7;
}

:root[data-theme="dark"] .legal-header,
:root[data-theme="dark"] .legal-doc-header,
:root[data-theme="dark"] .legal-footer{
  border-color:rgba(64,79,112,.5);
}

:root[data-theme="dark"] .legal-header-copy h1,
:root[data-theme="dark"] .legal-doc-title,
:root[data-theme="dark"] .legal-content h2,
:root[data-theme="dark"] .legal-content h3,
:root[data-theme="dark"] .legal-card h2,
:root[data-theme="dark"] .legal-company-box h3{
  color:#f5f7ff;
}

:root[data-theme="dark"] .legal-header-copy p,
:root[data-theme="dark"] .legal-doc-meta,
:root[data-theme="dark"] .legal-intro,
:root[data-theme="dark"] .legal-content p,
:root[data-theme="dark"] .legal-content li,
:root[data-theme="dark"] .legal-company-box p,
:root[data-theme="dark"] .legal-card p,
:root[data-theme="dark"] .legal-card-date,
:root[data-theme="dark"] .legal-footer{
  color:#9da9c2;
}

:root[data-theme="dark"] .legal-lang{
  background:#111b30;
  border-color:#2a3c63;
}

:root[data-theme="dark"] .legal-lang span{
  color:#c7d0e6;
}

:root[data-theme="dark"] .legal-lang .active{
  background:#2e4273;
  color:#eef3ff;
}

:root[data-theme="dark"] .legal-card,
:root[data-theme="dark"] .legal-company-box,
:root[data-theme="dark"] .legal-table-wrap,
:root[data-theme="dark"] .legal-note-card,
:root[data-theme="dark"] .legal-lead-box{
  background:#17191d;
  border-color:#2b313c;
  box-shadow:none;
}

:root[data-theme="dark"] .legal-card:hover{
  border-color:#4460a2;
  box-shadow:0 18px 34px rgba(6,11,20,.26);
}

:root[data-theme="dark"] .legal-card-icon{
  background:#19233d;
  color:#79a0ff;
}

:root[data-theme="dark"] .legal-card-tags span{
  background:#23262d;
  color:#d2d8e6;
}

:root[data-theme="dark"] .legal-table th{
  background:#1d2026;
  color:#a6b1c9;
}

:root[data-theme="dark"] .legal-table td,
:root[data-theme="dark"] .legal-content strong{
  color:#edf2ff;
}

:root[data-theme="dark"] .legal-table th,
:root[data-theme="dark"] .legal-table td{
  border-bottom-color:#2b313c;
}

@media (max-width:980px){
  .legal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .legal-wrap,
  .legal-doc{
    width:calc(100% - 28px);
    padding:24px 0 48px;
  }

  .legal-header,
  .legal-doc-header{
    grid-template-columns:1fr;
  }

  .legal-grid{
    grid-template-columns:1fr;
    margin-top:34px;
  }

  .legal-doc-title,
  .legal-header-copy h1{
    font-size:30px;
  }

  .legal-content p,
  .legal-content li,
  .legal-intro{
    font-size:16px;
  }
}