/* Общее для сайта и панели владельца: шрифт, шкалы, цвета, сброс. */

@font-face{font-family:Sofia;font-weight:400;font-display:swap;ascent-override:92.75%;descent-override:27.25%;line-gap-override:0%;src:url(fonts/sofia-cyrillic-400.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Sofia;font-weight:700;font-display:swap;ascent-override:92.75%;descent-override:27.25%;line-gap-override:0%;src:url(fonts/sofia-cyrillic-700.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Sofia;font-weight:800;font-display:swap;ascent-override:92.75%;descent-override:27.25%;line-gap-override:0%;src:url(fonts/sofia-cyrillic-800.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Sofia;font-weight:400;font-display:swap;ascent-override:92.75%;descent-override:27.25%;line-gap-override:0%;src:url(fonts/sofia-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Sofia;font-weight:700;font-display:swap;ascent-override:92.75%;descent-override:27.25%;line-gap-override:0%;src:url(fonts/sofia-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:Sofia;font-weight:800;font-display:swap;ascent-override:92.75%;descent-override:27.25%;line-gap-override:0%;src:url(fonts/sofia-latin-800.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+FEFF,U+FFFD}

:root{
  --bg:#0E1014; --bg-2:#1C1F25; --bg-3:#262A31;
  --line:rgba(255,255,255,.1); --line-2:rgba(255,255,255,.2); --ctl:rgba(255,255,255,.36);
  --t1:rgba(255,255,255,.94); --t2:rgba(255,255,255,.66); --t3:rgba(255,255,255,.48);
  --accent:#FFB020; --accent-2:#FFC24D; --ink:#17130A; --bad:#FF7A7A;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  --fs-1:13px; --fs-2:15px; --fs-3:17px; --fs-4:22px; --fs-5:34px;
  --fs-6:clamp(34px,4.6vw,64px); --fs-7:clamp(40px,6.6vw,96px); --fs-8:clamp(72px,10.5vw,152px);
  --gut:clamp(20px,4.4vw,64px);
  --sec:clamp(72px,9.5vw,136px);
  --bar:72px;
  --ease:cubic-bezier(.22,1,.36,1);
  --f:Sofia,'Arial Narrow',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + var(--s-5))}
body{margin:0;min-height:100vh;min-height:100svh;background:var(--bg);color:var(--t1);font:400 var(--fs-3)/1.5 var(--f);letter-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit;border-radius:0}
button{background:none;border:0;padding:0;cursor:pointer}
table{border-collapse:collapse;width:100%}
th{font-weight:400;text-align:left}
:focus{outline:0}
:focus-visible{outline:2px solid #fff;outline-offset:2px}
::selection{background:var(--accent);color:var(--ink)}
#app{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.num{font-variant-numeric:tabular-nums lining-nums}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}
.skip{position:fixed;left:var(--s-4);top:-80px;z-index:60;padding:var(--s-3) var(--s-4);background:#fff;color:#000;font-weight:700}
.skip:focus{top:var(--s-4)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}