/* ============================================================
   БАЗА — оформление юридических страниц (политика, согласие, cookie).
   Тёмная тема в стиле сайта. Vanilla CSS.
   ============================================================ */
:root{
  --bg:#0a0a0a; --card:#131313; --bd:#232323;
  --ink:#e8e8e8; --dim:#8c8781; --gold:#c9a24b; --red:#d8262c;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Onest',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  line-height:1.62; -webkit-font-smoothing:antialiased;
}

.legal-nav{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px clamp(16px,4vw,40px);
  background:rgba(10,10,10,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--bd);
}
.legal-nav .brand{
  font-family:'Geist',-apple-system,Arial,sans-serif; font-weight:800; letter-spacing:.05em;
  font-size:18px; color:var(--ink); text-decoration:none;
}
.legal-nav .back{
  color:var(--dim); text-decoration:none; font-size:14px;
  border-bottom:1px solid rgba(201,162,75,.4); transition:color .2s ease, border-color .2s ease;
}
.legal-nav .back:hover{ color:var(--gold); border-bottom-color:var(--gold); }

.legal{
  max-width:820px; margin:0 auto;
  padding:clamp(30px,6vh,64px) clamp(18px,5vw,40px) 90px;
}
.legal h1{
  font-family:'Geist',-apple-system,Arial,sans-serif;
  font-size:clamp(26px,4vw,40px); font-weight:800; letter-spacing:-.02em; line-height:1.1;
  margin:0 0 10px; color:#f4f5f7;
}
.legal .meta{
  margin:0 0 34px; color:var(--dim);
  font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace;
  font-size:13px; letter-spacing:.04em;
}
.legal h2{
  font-family:'Geist',-apple-system,Arial,sans-serif;
  font-size:clamp(18px,2.3vw,23px); font-weight:700; letter-spacing:-.01em;
  margin:36px 0 12px; color:#eef0f3;
}
.legal p{ margin:10px 0; font-size:16px; color:#c9ccd2; }
.legal ul, .legal ol{ margin:10px 0; padding-left:22px; }
.legal li{ margin:7px 0; font-size:16px; color:#c9ccd2; }
.legal strong{ color:#eef0f3; font-weight:600; }
.legal a{ color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(201,162,75,.4); }
.legal a:hover{ border-bottom-color:var(--gold); }

/* блок реквизитов оператора */
.legal .req{
  margin-top:44px; padding:20px 22px;
  background:var(--card); border:1px solid var(--bd); border-radius:14px;
  font-size:14.5px; color:#b9bdc4; line-height:1.7;
}
.legal .req h2{ margin-top:0; font-size:16px; color:var(--ink); }
.legal .req b{ color:var(--ink); }

@media (max-width:560px){
  .legal p, .legal li{ font-size:15.5px; }
}