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

:root{
  --ink:#0b0c0f;--ink-2:#16181e;--panel:#171a21;
  --line:rgba(240,237,232,.09);--line-2:rgba(240,237,232,.16);
  --bone:#f0ede8;--bone-dim:#c2c6cd;--mud:#8b9099;
  --blaze:#e8501a;--amber:#f5b800;
  --head:"Manrope",system-ui,sans-serif;
  --body:"Manrope",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --display:"Black Ops One",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--ink);color:var(--bone);
  font-family:var(--body);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1000px 520px at 15% -8%, rgba(232,80,26,.10), transparent 60%),
    radial-gradient(840px 520px at 88% 2%, rgba(70,120,200,.09), transparent 62%);
}
a{color:var(--amber);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:780px;margin:0 auto;padding:0 24px;position:relative;z-index:1}

/* header — под стиль нового сайта */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
  background:linear-gradient(to bottom,rgba(11,12,15,.9),rgba(11,12,15,.55));
  border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1180px;margin:0 auto;padding:0 24px}
.brand{font-family:var(--display);font-size:19px;letter-spacing:.01em;color:var(--bone)}
.brand b{color:var(--blaze);font-weight:400}
.back{font-family:var(--head);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mud)}
.back:hover{color:var(--bone);text-decoration:none}

/* document */
.doc{padding:56px 0 90px}
.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--blaze)}
.doc h1{font-family:var(--head);font-weight:800;font-size:clamp(28px,5vw,44px);line-height:1.08;margin:14px 0 0;letter-spacing:-.02em;text-transform:uppercase}
.meta{font-family:var(--mono);font-size:12px;color:var(--mud);margin-top:14px;letter-spacing:.03em}
.meta b{color:var(--bone-dim);font-weight:500}
.rule{height:1px;background:var(--line);margin:32px 0}

.doc h2{font-family:var(--head);font-weight:800;font-size:20px;margin:44px 0 0;letter-spacing:-.01em;color:var(--bone)}
.doc h2 .n{color:var(--blaze);margin-right:10px;font-variant-numeric:tabular-nums}
.doc p{margin:14px 0 0;color:var(--bone-dim)}
.doc p.first{margin-top:18px}
.doc strong{color:var(--bone);font-weight:700}
.doc ul{margin:14px 0 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.doc li{position:relative;padding-left:22px;color:var(--bone-dim)}
.doc li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;background:var(--blaze);border-radius:2px;transform:rotate(45deg)}

.req{margin-top:48px;border:1px solid var(--line);border-radius:16px;padding:24px 26px;background:var(--ink-2);font-family:var(--mono);font-size:13px;line-height:1.95;color:var(--bone-dim)}
.req .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mud);margin-bottom:10px}
.req b{color:var(--bone);font-weight:500}

footer{border-top:1px solid var(--line);padding:30px 0;text-align:center;position:relative;z-index:1}
footer .wrap{font-family:var(--mono);font-size:11px;color:var(--mud);letter-spacing:.03em}
footer a{color:var(--mud)}
footer a:hover{color:var(--bone-dim)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}