@font-face{font-family:"PT Sans";font-weight:400;font-display:swap;src:url(fonts/pt-sans-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans";font-weight:400;font-display:swap;src:url(fonts/pt-sans-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans";font-weight:700;font-display:swap;src:url(fonts/pt-sans-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans";font-weight:700;font-display:swap;src:url(fonts/pt-sans-latin-700-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans Narrow";font-weight:700;font-display:swap;src:url(fonts/pt-sans-narrow-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";font-weight:700;font-display:swap;src:url(fonts/pt-sans-narrow-latin-700-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans Narrow";font-weight:400;font-display:swap;src:url(fonts/pt-sans-narrow-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans Narrow";font-weight:400;font-display:swap;src:url(fonts/pt-sans-narrow-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Oswald";font-weight:200 700;font-display:swap;src:url(fonts/oswald-cyrillic-wght-normal.woff2) format("woff2-variations"),url(fonts/oswald-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:"Oswald";font-weight:200 700;font-display:swap;src:url(fonts/oswald-latin-wght-normal.woff2) format("woff2-variations"),url(fonts/oswald-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}
@font-face{font-family:"Caveat";font-weight:500;font-display:swap;src:url(fonts/caveat-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Caveat";font-weight:500;font-display:swap;src:url(fonts/caveat-latin-500-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --night:#0B1312;
  --night-2:#131E1C;
  --night-3:#1C2927;
  --moon:#BAC6C1;
  --moon-dim:#7E8C87;
  --paper:#D3CEC1;
  --ink:#1D1C19;
  --lamp:#EBD9A0;
  --lamp-ink:#231E0E;
  --pen:#2D3C87;
  --mint:#7FE0C2;
  --display:"PT Sans Narrow","Arial Narrow",sans-serif;
  --body:"PT Sans",system-ui,sans-serif;
  --hand:"Caveat",cursive;

  --bg:#0A0F12;
  --line:rgba(222,230,234,.13);
  --text:#D3D8D6;
  --text-dim:#8E9895;
  --white:#ECEAE4;
  --yellow:#F2C230;
  --yellow-ink:#171305;
  --red:#9E2318;
  --head:"Oswald","PT Sans Narrow","Arial Narrow",sans-serif;
  --narrow:"PT Sans Narrow","Arial Narrow",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--night);color:var(--moon);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--lamp);outline-offset:3px}

.ag{display:inline-grid;grid-template-columns:repeat(9,3px);grid-auto-rows:3px;gap:0}
.ag i{width:3px;height:3px;background:var(--mint)}
.ag i.o{background:transparent}

.btn{display:inline-flex;align-items:center;gap:10px;font:700 18px/1 var(--body);text-decoration:none;padding:16px 26px;border-radius:3px;border:1px solid transparent;cursor:pointer}
.btn-lamp{background:var(--lamp);color:var(--lamp-ink);box-shadow:0 0 40px rgba(235,217,160,.18)}
.btn-ghost{border-color:rgba(186,198,193,.35);color:var(--moon);background:rgba(11,19,18,.4)}
.btn svg{width:20px;height:20px;flex:none}

.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.10;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}