@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/fonts/onest-cyrillic-8faa2f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/fonts/onest-cyrillic-8faa2f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/fonts/onest-latin-5ac482.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212; }
:root { --night:#070B1A; --deep:#131D3D; --ice:#EAF4FF; --frost:#8FA3C7; --teal:#2EE6D6; --edge:rgba(200,225,255,.16); color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; background:var(--night); color:var(--ice); font:400 16px/1.65 'Onest', system-ui, sans-serif;
       padding:32px 16px 72px; -webkit-font-smoothing:antialiased; }
main { max-width:680px; margin:0 auto; }
a { color:var(--teal); }
h1 { font-size:26px; line-height:1.2; letter-spacing:-.02em; margin:0 0 6px; }
h2 { font-size:17px; margin:30px 0 10px; }
.upd { color:var(--frost); font-size:14px; margin:0 0 28px; }
p, li { color:#CFE0F5; }
ol, ul { padding-left:20px; margin:8px 0 14px; }
h2 + p, p + p { margin:0 0 10px; }
li { margin-bottom:10px; }
.box { background:var(--deep); border:1px solid var(--edge); border-radius:16px; padding:18px; margin:24px 0; }
.box p { margin:0; color:var(--frost); font-size:14px; }
footer { max-width:680px; margin:40px auto 0; display:flex; gap:18px; flex-wrap:wrap; }
footer a { font-size:14px; text-decoration:none; color:var(--frost); }