/* Fontes da marca, auto-hospedadas (as mesmas do painel de whitelist). */
@font-face {
  font-family: "Octosquares";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 50% 125%;
  font-display: swap;
  src: url(fonts/octosquares-var.woff2) format("woff2-variations"), url(fonts/octosquares-var.woff2) format("woff2");
}
@font-face { font-family: "Aktiv Grotesk"; font-weight: 400; font-display: swap; src: url(fonts/aktiv-regular.woff2) format("woff2"); }
@font-face { font-family: "Aktiv Grotesk"; font-weight: 500; font-display: swap; src: url(fonts/aktiv-medium.woff2) format("woff2"); }
@font-face { font-family: "Aktiv Grotesk"; font-weight: 700; font-display: swap; src: url(fonts/aktiv-bold.woff2) format("woff2"); }

:root { color-scheme: dark; }
html, body { background-color: #10142e; color: #fff; }
body {
  background-image:
    linear-gradient(rgba(117, 137, 213, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(117, 137, 213, .045) 1px, transparent 1px);
  background-size: 88px 88px;
}
[x-cloak] { display: none !important; }
.barra { width: 0; transition: width .5s cubic-bezier(.2, .7, .3, 1); }
::selection { background: rgba(117, 137, 213, .4); }