@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  --ink:#0b0f0c;
  --paper:#edefe3;
  --paper-card:#f6f7ef;
  --lime:#cfff0b;
  --lime-dim:#cfff0b33;
  --line-paper:rgba(11,15,12,0.14);
  --line-paper-strong:rgba(11,15,12,0.28);
  --ink-text:#0b0f0c;
  --ink-dim:rgba(11,15,12,0.66);
  --ink-faint:rgba(11,15,12,0.42);
  --display:'Barlow Condensed', sans-serif;
  --body:'Inter', sans-serif;
  --mono:'JetBrains Mono', monospace;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--paper);
  color:var(--ink-text);
  font-family:var(--body);
  line-height:1.65;
}
a{color:inherit;}
.container{width:100%; max-width:860px; margin:0 auto; padding:0 28px;}

header{
  position:sticky; top:0; z-index:50;
  background:rgba(237,239,227,0.85);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-paper);
  padding:20px 0;
}
header .bar{display:flex; align-items:center; justify-content:space-between; max-width:860px; margin:0 auto; padding:0 28px;}
.logo-mark img{height:22px; width:auto; filter:invert(1) brightness(0.05);}
.back-link{
  font-family:var(--mono); font-size:12px; letter-spacing:0.06em; text-transform:uppercase;
  color:var(--ink-dim); display:flex; align-items:center; gap:8px;
  border:1px solid var(--line-paper-strong); padding:9px 16px;
  transition:border-color .2s, color .2s;
}
.back-link:hover{border-color:var(--ink-text); color:var(--ink-text);}

.legal-hero{padding:70px 0 40px; border-bottom:1px solid var(--line-paper);}
.eyebrow{
  font-family:var(--mono); font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--ink-faint); display:flex; align-items:center; gap:10px; margin-bottom:18px;
}
.eyebrow::before{content:''; width:16px; height:1px; background:var(--lime); display:inline-block;}
.legal-hero h1{
  font-family:var(--display); font-weight:800; text-transform:uppercase;
  font-size:clamp(34px, 6vw, 56px); line-height:0.98; letter-spacing:-0.01em;
  margin-bottom:16px;
}
.legal-meta{font-family:var(--mono); font-size:12.5px; color:var(--ink-faint);}

.legal-body{padding:50px 0 100px;}
.legal-body section{margin-bottom:44px; scroll-margin-top:100px;}
.legal-body h2{
  font-family:var(--display); font-weight:700; text-transform:uppercase;
  font-size:24px; letter-spacing:0.01em; margin-bottom:16px;
  padding-bottom:14px; border-bottom:1px solid var(--line-paper);
  display:flex; align-items:baseline; gap:12px;
}
.legal-body h2 .num{font-family:var(--mono); font-size:14px; color:var(--lime); background:var(--ink-text); padding:2px 8px;}
.legal-body p{font-size:15px; color:var(--ink-dim); margin-bottom:12px;}
.legal-body p strong{color:var(--ink-text); font-weight:600;}
.legal-body ul{margin:0 0 12px 20px; color:var(--ink-dim); font-size:15px;}
.legal-body li{margin-bottom:6px;}

.toc{
  background:var(--paper-card); border:1px solid var(--line-paper);
  padding:26px 28px; margin-top:34px;
}
.toc-label{font-family:var(--mono); font-size:11.5px; letter-spacing:0.1em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:14px;}
.toc ol{list-style:none; columns:2; column-gap:32px;}
.toc li{margin-bottom:8px; break-inside:avoid;}
.toc a{font-size:13.5px; color:var(--ink-dim); text-decoration:none;}
.toc a:hover{color:var(--ink-text);}
@media (max-width:600px){ .toc ol{columns:1;} }

.requisites{
  background:var(--ink-text); color:var(--paper);
  padding:28px 30px; margin-top:16px;
}
.requisites .rlabel{font-family:var(--mono); font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--lime); margin-bottom:14px;}
.requisites dl{display:grid; grid-template-columns:auto 1fr; gap:6px 18px; font-size:13.5px;}
.requisites dt{color:rgba(237,239,227,0.5); font-family:var(--mono); font-size:12px;}
.requisites dd{color:var(--paper);}

footer{border-top:1px solid var(--line-paper); padding:34px 0; font-family:var(--mono); font-size:11.5px; color:var(--ink-faint);}
footer .container{display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;}
footer a:hover{color:var(--ink-text);}