@font-face{font-family:"Geologica";font-display:swap;font-weight:100 900;src:url(../fonts/geologica-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";font-display:swap;font-weight:100 900;src:url(../fonts/geologica-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"Onest";font-display:swap;font-weight:100 900;src:url(../fonts/onest-cyrillic-wght-normal.woff2) format("woff2-variations");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-display:swap;font-weight:100 900;src:url(../fonts/onest-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
:root{--bg:#07090c;--card:#10141b;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#eef1f5;--muted:#98a2b0;--dim:#6b7482;--sun:#f4c414}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.7 "Onest",system-ui,sans-serif}
a{color:var(--sun);text-underline-offset:3px}
.top{position:sticky;top:0;z-index:5;background:rgba(7,9,12,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top__in,.doc,.bot{max-width:820px;margin:0 auto;padding-left:20px;padding-right:20px}
.top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 15px/1 "Geologica",sans-serif;letter-spacing:.18em}
.brand img{width:30px;height:auto}
.brand b{color:var(--sun);font-weight:700}
.top__r{display:flex;align-items:center;gap:10px}
.back{color:var(--muted);text-decoration:none;font-size:14px}
.back:hover{color:var(--text)}
.lang{display:flex;border:1px solid var(--line2);border-radius:999px;padding:3px}
.lang button{all:unset;cursor:pointer;font:600 12px/1 "Geologica",sans-serif;letter-spacing:.08em;padding:8px 11px;border-radius:999px;color:var(--muted)}
.lang button[aria-pressed="true"]{background:var(--text);color:#0b0b0b}
.lang button:focus-visible{outline:2px solid var(--sun);outline-offset:2px}
.doc{padding-top:48px;padding-bottom:56px}
.doc h1{font:700 clamp(30px,6vw,46px)/1.1 "Geologica",sans-serif;letter-spacing:-.03em;margin:0 0 10px}
.doc .upd{color:var(--dim);font-size:14px;margin:0 0 34px}
.doc h2{font:600 20px/1.3 "Geologica",sans-serif;margin:38px 0 10px;letter-spacing:-.01em}
.doc p,.doc li{color:#cdd3db}
.doc ul{padding-left:20px;margin:8px 0}
.doc li{margin:6px 0}
.doc strong{color:var(--text)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:14px 0}
.card p{margin:4px 0}
.bot{border-top:1px solid var(--line);padding-top:22px;padding-bottom:34px;color:var(--dim);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.bot a{color:var(--muted);text-decoration:none}
.bot a:hover{color:var(--sun)}
[hidden]{display:none!important}
@media (max-width:560px){.back span{display:none}.brand span{display:none}.top__in{height:60px}.doc{padding-top:32px}}