/* Заглушка saldoplan.pro до запуска лендинга (src/zaglushka.ts): цвета, шрифт Onest и знак G лендинга
   (css/site.css), свечение и фон «Туман» первого экрана. Холст рисует _z/fog.js; он за текстом и не ловит мышь.
   Встроенных стилей нет: так требует CSP. Шрифт берётся без cookie: его адреса в исключениях _routes.json.
   У шрифтов те же ?v=отпечатки, что у лендинга (build.ts): файл в кэше браузера общий, а новый файл — новый адрес. */

@font-face{font-family:"Onest";font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/onest-cyrillic-wght-normal.woff2?v=68e5e01d62) 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-display:swap;font-weight:100 900;src:url(/fonts/onest-latin-wght-normal.woff2?v=052df74533) 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:#FFFFFF; --canvas:#EEF0F3; --fg:#191D24; --muted:#5B6270; --logo:#262E3B;
  --yellow:#E9CF3F; --yellow-ink:#262E3B; --stage-2:#34405A; --glow:rgba(233,207,63,.34); --glow-2:rgba(98,192,142,.20);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#15181D; --canvas:#1A1D23; --fg:#ECEEF1; --muted:#A5ACB7; --logo:#FFFFFF;
  --stage-2:#1E2636; --glow:rgba(233,207,63,.22); --glow-2:rgba(98,192,142,.14);
  color-scheme:dark}}

*{box-sizing:border-box}
html{height:100%}
body{position:relative;isolation:isolate;margin:0;min-height:100%;display:flex;align-items:center;justify-content:center;
  padding:32px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));
  background:var(--bg);color:var(--fg);font:16px/1.55 "Onest","Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}
/* свечение, как у первого экрана лендинга: жёлтое и зелёное пятна, только в верхней трети. Те же размеры, что
   у лендинга, но в границах страницы: выступ за край дал бы на телефоне прокрутку вбок */
body::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.35;
  background:radial-gradient(48% 60% at 14% 2%,var(--glow),transparent 70%),radial-gradient(42% 54% at 92% 16%,var(--glow-2),transparent 70%);
  -webkit-mask-image:linear-gradient(var(--fg) 9%,transparent 33%);mask-image:linear-gradient(var(--fg) 9%,transparent 33%)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.fog{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}

main{max-width:440px;text-align:center}
h1{margin:0 0 22px;color:var(--logo)}
.logo{display:block;width:min(280px,72vw);height:auto;margin:0 auto}
p{margin:0;font-size:18px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;margin-top:30px;border-radius:12px;
  background:var(--yellow);color:var(--yellow-ink);font-weight:700;font-size:16.5px;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(.96)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:6px}
.btn:focus-visible{border-radius:12px}