@font-face {
  font-family: 'Onest'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('/static/fonts/onest-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Onest'; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url('/static/fonts/onest-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2122, U+2212;
}
@font-face {
  font-family: 'JB Mono'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/static/fonts/jbmono-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'JB Mono'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/static/fonts/jbmono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2122, U+2212;
}

:root {
  --b34-bg: #08090a;
  --b34-bg-lift: #0b0c0e;
  --b34-panel: #0e0f12;
  --b34-panel-2: #131418;
  --b34-inset: #060708;

  --b34-line: rgba(255, 255, 255, .06);
  --b34-line-2: rgba(255, 255, 255, .11);
  --b34-line-3: rgba(255, 255, 255, .18);

  --b34-text: #f2f4f6;
  --b34-text-2: rgba(242, 244, 246, .64);
  --b34-text-3: rgba(242, 244, 246, .38);
  --b34-text-4: rgba(242, 244, 246, .22);

  --b34-ac: #3ecf8e;
  --b34-ac-bright: #58e2a2;
  --b34-ac-04: rgba(62, 207, 142, .04);
  --b34-ac-08: rgba(62, 207, 142, .08);
  --b34-ac-12: rgba(62, 207, 142, .12);
  --b34-ac-20: rgba(62, 207, 142, .20);
  --b34-ac-30: rgba(62, 207, 142, .30);
  --b34-ac-50: rgba(62, 207, 142, .50);
  --b34-ac-ink: #05231a;

  --b34-warn: #e2a24a;
  --b34-warn-12: rgba(226, 162, 74, .12);
  --b34-warn-30: rgba(226, 162, 74, .30);
  --b34-danger: #e4606d;
  --b34-danger-12: rgba(228, 96, 109, .12);
  --b34-danger-30: rgba(228, 96, 109, .30);
  --b34-info: #7fa8ff;
  --b34-info-12: rgba(127, 168, 255, .12);
  --b34-info-30: rgba(127, 168, 255, .30);
  --b34-violet: #a78bfa;
  --b34-violet-12: rgba(167, 139, 250, .12);

  --b34-r-sharp: 0px;
  --b34-r-card: 16px;
  --b34-r-card-lg: 22px;
  --b34-r-chip: 999px;

  --b34-t-fast: 160ms;
  --b34-t: 300ms;
  --b34-t-slow: 700ms;
  --b34-ease: cubic-bezier(.16, 1, .3, 1);

  --b34-lift: 0 26px 70px rgba(0, 0, 0, .55);

  --b34-font: 'Onest', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --b34-mono: 'JB Mono', ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, monospace;

  --b34-maxw: 1180px;
}

.b34-hair {
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, transparent, var(--b34-line-2), transparent);
}

.b34-hair-ac {
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, transparent, var(--b34-ac-30), transparent);
}

.b34-mono {
  font-family: var(--b34-mono);
  font-size: .66rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--b34-text-3);
}

.b34-display {
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1.03;
}

.b34-glass {
  background: rgba(14, 15, 18, .62);
  border: 1px solid var(--b34-line);
  border-radius: var(--b34-r-card-lg);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  box-shadow: var(--b34-lift);
  position: relative;
}

.b34-glass::before {
  content: '';
  position: absolute;
  left: 2rem;
  right: 2rem;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
  pointer-events: none;
}

.b34-reveal {
  opacity: 0;
  transform: translateY(14px);
  animation: b34-in var(--b34-t-slow) var(--b34-ease) forwards;
}

.b34-reveal-soft {
  opacity: 0;
  transform: translateY(14px);
  animation: b34-in-soft var(--b34-t-slow) var(--b34-ease) forwards;
}

@keyframes b34-in {
  to { opacity: 1; transform: none; }
}

@keyframes b34-in-soft {
  to { opacity: .64; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .b34-reveal, .b34-reveal-soft { animation: none; opacity: 1; transform: none; }
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}