:root { color-scheme: dark; --bg:#06130f; --surface:#0d2119; --ink:#eef5ea; --fog:#a4b7ac; --green:#39d89b; --brass:#d5b968; --line:#315244; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at 50% 0,#103326 0,var(--bg) 42%); color:var(--ink); font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(860px,calc(100% - 32px)); margin:auto; padding:48px 0 72px; }
nav { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:52px; }
nav a,.cta { color:var(--ink); text-decoration:none; }
.mark { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.08em; }
.mark img { width:42px; height:42px; }
.lang { color:var(--brass); }
h1 { max-width:760px; margin:0; font-size:clamp(40px,8vw,72px); line-height:1.05; letter-spacing:-.04em; }
.lead { max-width:720px; margin:24px 0 30px; color:var(--fog); font-size:clamp(18px,3vw,23px); }
.cta { display:inline-block; padding:13px 20px; border-radius:12px; background:var(--green); color:#04110c; font-weight:850; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:54px 0; }
section,.fact { padding:24px; border:1px solid var(--line); border-radius:16px 5px 16px 5px; background:color-mix(in srgb,var(--surface) 86%,transparent); }
h2 { margin:0 0 14px; color:var(--brass); font-size:22px; }
h3 { margin:0 0 8px; font-size:17px; }
p { margin:0 0 12px; }
ul { margin:0; padding-left:20px; }
.formula { margin:18px 0; padding:16px; border-left:3px solid var(--green); background:#091b14; color:var(--ink); font-weight:750; }
.note,footer { color:var(--fog); font-size:14px; }
footer { margin-top:44px; padding-top:20px; border-top:1px solid var(--line); }
footer a { color:var(--green); }
@media (max-width:640px) { main{padding-top:26px}.grid{grid-template-columns:1fr;margin:38px 0}nav{margin-bottom:34px}section,.fact{padding:19px} }