@font-face{font-family:'Geologica';font-style:normal;font-display:swap;font-weight:300 700;src:url(fonts/geologica-cyrillic-ext-wght-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Geologica';font-style:normal;font-display:swap;font-weight:300 700;src:url(fonts/geologica-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Geologica';font-style:normal;font-display:swap;font-weight:300 700;src:url(fonts/geologica-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geologica';font-style:normal;font-display:swap;font-weight:300 700;src:url(fonts/geologica-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#F2F2EE;--surface:#FFFFFF;--ink:#141613;--ink-2:#585D55;--line:#DCDDD5;--accent:#2B3FD6;--accent-ink:#FFFFFF;--r:6px;--f:"Geologica","Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme: dark){:root{--bg:#0E100E;--surface:#181B17;--ink:#E7E8E2;--ink-2:#A3A89E;--line:#30342D;--accent:#8D9BFF;--accent-ink:#0B0E2A;color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.6}
a{color:inherit}
.wrap{max-width:820px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
.top{background:var(--surface);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;max-width:1400px}
.logo{font-weight:600;font-size:21px;letter-spacing:-.03em;text-decoration:none}
.logo i{font-style:normal;color:var(--accent)}
.top a.back{font-size:14px;color:var(--ink-2)}
main{padding-block:40px 64px}
h1{font-weight:500;font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}
h2{font-weight:500;font-size:22px;line-height:1.25;margin:36px 0 10px}
p,li{color:var(--ink)}
.muted{color:var(--ink-2);font-size:14px}
ul{padding-left:20px}
.card{background:var(--surface);border-radius:var(--r);padding:28px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font-weight:500;text-decoration:none}
.ph{background:rgba(255,196,0,.22);border-radius:3px;padding:0 3px}
footer{border-top:1px solid var(--line);padding-block:20px;color:var(--ink-2);font-size:13px}