:root { --ink:#183235; --muted:#617376; --teal:#19786e; --teal-dark:#0e514b; --paper:#f6f8f3; --surface:#fff; --mint:#e6f3ee; --sand:#fbf1df; --line:#d7e1dc; }
@font-face { font-family:"Onest"; font-style:normal; font-weight:100 900; font-display:swap; src:url("/fonts/onest-cyrillic.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:100 900; font-display:swap; src:url("/fonts/onest-latin.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; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:radial-gradient(circle at 100% 0, #e9f3f0, transparent 32rem), var(--paper); font:16px/1.58 "Onest", "Segoe UI Variable", "Segoe UI", Arial, sans-serif; -webkit-font-smoothing:antialiased; } button,input,textarea,select,optgroup { font:inherit; } a { color:var(--teal-dark); text-underline-offset:3px; }
.skip { position:absolute; left:-9999px; top:10px; padding:9px 12px; color:#fff; background:var(--teal-dark); border-radius:8px; }.skip:focus { left:12px; z-index:10; }
.shell { width:min(100% - 32px, 860px); margin:0 auto; padding:20px 0 64px; }.nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 0 28px; }.brand { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:850; }.brand-mark { width:34px; height:34px; display:grid; place-items:center; overflow:hidden; border-radius:12px 4px 12px 4px; color:#fff; background:var(--teal); font-size:18px; }.brand-mark img { display:block; width:100%; height:100%; object-fit:cover; }.back { min-height:44px; display:inline-flex; align-items:center; padding:0 14px; border:1px solid var(--line); border-radius:999px; background:var(--surface); color:var(--teal-dark); text-decoration:none; font-size:13px; font-weight:800; }
main { padding:clamp(22px, 5vw, 44px); border:1px solid var(--line); border-radius:28px 8px 28px 8px; background:color-mix(in srgb, var(--surface) 92%, transparent); box-shadow:0 20px 55px rgba(25,61,58,.08); }.eyebrow { display:inline-flex; margin-bottom:12px; padding:5px 9px; border-radius:999px; color:var(--teal-dark); background:var(--mint); font-size:11px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; } h1 { max-width:680px; margin:0; font-size:clamp(30px, 6vw, 48px); line-height:1.03; letter-spacing:-.055em; }.lead { max-width:680px; margin:16px 0 0; color:var(--muted); font-size:17px; }
.status { margin:28px 0; padding:18px; border:1px solid #e0c78f; border-radius:18px 5px 18px 5px; background:var(--sand); }.status strong { color:#5e451f; }.status p { margin:6px 0 0; color:#66583e; font-size:14px; }.grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin:22px 0 8px; }.fact { padding:16px; border:1px solid var(--line); border-radius:16px 5px 16px 5px; background:var(--surface); }.fact b { display:block; margin-bottom:4px; font-size:13px; }.fact span { color:var(--muted); font-size:13px; }
h2 { margin:34px 0 10px; font-size:20px; letter-spacing:-.025em; } p { margin:0; } ul { display:grid; gap:9px; margin:12px 0 0; padding-left:20px; color:var(--muted); } li::marker { color:var(--teal); }.note { margin-top:24px; padding:16px; border-left:4px solid var(--teal); background:var(--mint); border-radius:0 14px 14px 0; color:#345a57; font-size:14px; }.sources { margin-top:12px; padding:16px; border:1px solid var(--line); border-radius:14px 5px 14px 5px; background:var(--paper); font-size:14px; }.sources ul { margin-top:8px; } footer { margin-top:20px; color:var(--muted); font-size:12px; text-align:center; }
@media (max-width:620px) { .shell { width:min(100% - 24px, 860px); } .grid { grid-template-columns:1fr; } main { padding:24px 18px; } .nav { padding-bottom:18px; } .lead { font-size:15px; } } @media (prefers-color-scheme:dark) { :root { --ink:#ebf5f1; --muted:#b2c6c1; --paper:#102725; --surface:#163431; --mint:#193f3a; --sand:#3d3526; --line:#31524d; --teal-dark:#b9e5da; } body { background:#102725; } .status { border-color:#725d35; } .status strong { color:#f0d99f; } .status p { color:#e0cfa3; } .note { color:#c9e6de; } }