/* Общий стиль юридических страниц: оферта, политика, согласие, реквизиты.
   Документов уже четыре, и держать копию стилей в каждом — верный способ
   получить четыре разных документа. */

:root{
  --bg-0:#0a0a0a; --bg-1:#111111;
  --line:rgba(255,255,255,.08); --line-strong:rgba(255,255,255,.18);
  --fg-0:#ffffff; --fg-1:#c9c9c9; --fg-2:#7a7a7a;
  --gold-0:#e6b539;
  --font-display:'Exo 2','Helvetica Neue',sans-serif;
  --font-text:'Manrope','Helvetica Neue',sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',ui-monospace,monospace;
  --pad:40px;
}
@media (max-width:720px){ :root{ --pad:20px; } }

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; background:var(--bg-0); color:var(--fg-1); }
body{ font-family:var(--font-text); font-size:15px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:var(--gold-0); text-decoration:none; border-bottom:1px solid rgba(230,181,57,.35); }
a:hover{ border-color:var(--gold-0); }
::selection{ background:var(--gold-0); color:var(--bg-0); }

.mono{ font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--fg-2); }

.topbar{
  display:flex; gap:24px; align-items:center; padding:8px var(--pad);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--bg-1),var(--bg-0));
  font-family:var(--font-mono); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--fg-2);
}
.topbar .right{ margin-left:auto; }
.topbar a{ color:var(--fg-2); border:0; }
.topbar a:hover{ color:var(--gold-0); }

main{ max-width:760px; margin:0 auto; padding:clamp(36px,6vw,64px) var(--pad) 72px; }

h1{
  font-family:var(--font-display); font-weight:700; color:var(--fg-0);
  font-size:clamp(24px,3.6vw,38px); line-height:1.15; letter-spacing:-.02em;
  margin:0 0 10px;
}
h2{
  font-family:var(--font-display); font-weight:600; color:var(--fg-0);
  font-size:clamp(17px,2vw,21px); line-height:1.25;
  margin:44px 0 12px; padding-top:20px; border-top:1px solid var(--line);
}
h2 .num{ color:var(--gold-0); font-family:var(--font-mono); font-size:12px; margin-right:10px; }
h3{ font-family:var(--font-display); font-weight:600; color:var(--fg-0); font-size:16px; margin:26px 0 8px; }
p{ margin:0 0 14px; }
ul,ol{ margin:0 0 14px; padding-left:20px; }
li{ margin-bottom:7px; }
strong{ color:var(--fg-0); font-weight:600; }
code{ font-family:var(--font-mono); font-size:.86em; color:var(--gold-0); }
.meta{ margin:0 0 40px; }

table{ width:100%; border-collapse:collapse; margin:0 0 18px; font-size:14px; }
th,td{ text-align:left; padding:9px 12px; border:1px solid var(--line); vertical-align:top; }
th{ color:var(--fg-0); font-weight:600; background:var(--bg-1); }

footer{
  border-top:1px solid var(--line); padding:16px var(--pad);
  background:var(--bg-1); display:flex; flex-wrap:wrap; gap:10px 24px;
}
footer .right{ margin-left:auto; }
footer a{ color:var(--fg-2); border:0; }
footer a:hover{ color:var(--gold-0); }