/* Стиль юридических страниц (согласия, политика) — в дизайн-системе лендинга */
:root{
  --bg:#10171A; --card:#182023; --ink:#F5F7F6; --body:#C4CBCA; --mute:#98A2A2;
  --acc:#DFDF41; --line:rgba(255,255,255,.09);
  --display:'Space Grotesk',system-ui,sans-serif; --font:'Geist',system-ui,-apple-system,sans-serif; --mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--body);font-family:var(--font);font-size:16px;line-height:1.72;padding:0 20px 96px;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--bg);
  background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:64px 64px}
.doc{max-width:800px;margin:0 auto}
.doc__top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 0;margin-bottom:34px;border-bottom:1px solid var(--line);background:rgba(16,23,26,.9);backdrop-filter:blur(8px)}
.doc__back{color:var(--mute);text-decoration:none;font-family:var(--mono);font-size:13px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:8px;transition:color .2s}
.doc__back:hover{color:var(--acc)}
.doc__brand{font-family:var(--mono);font-size:13px;color:var(--acc);letter-spacing:.04em}
.doc__brand b{color:var(--acc)}
h1{font-family:var(--display);font-size:clamp(23px,3.4vw,31px);font-weight:600;color:var(--ink);line-height:1.22;letter-spacing:-.02em;margin:6px 0 30px;text-wrap:balance}
h2{font-family:var(--display);font-size:18.5px;font-weight:600;color:var(--ink);line-height:1.3;margin:34px 0 12px;letter-spacing:-.01em}
p{margin:0 0 14px;text-wrap:pretty}
ul{margin:2px 0 18px;padding-left:24px}
li{margin:0 0 9px}
li::marker{color:var(--acc)}
a{color:var(--acc);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
strong{color:var(--ink);font-weight:600}
.doc__meta{color:var(--mute);font-size:13.5px;line-height:1.6;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
@media (max-width:600px){ body{font-size:15.5px;padding:0 16px 64px} h1{margin-bottom:22px} }