/* Final cinematic polish.
 *
 * Layer 06 of the stylesheet. ORDER IS SIGNIFICANT: this file's rules
 * are overridden by every later layer and override every earlier one, exactly as
 * when they were one file. See docs/frontend-architecture.md. */

/* FINAL CINEMATIC POLISH */

body::before {
  content: "";

  position: fixed;
  inset: 0;

  background:
    radial-gradient(circle at 20% 10%, rgba(0,255,153,.05), transparent 25%),
    radial-gradient(circle at 80% 20%, rgba(0,255,153,.04), transparent 22%);

  pointer-events: none;

  z-index: -1;
}

.main-card,
.right-panel,
.sidebar {
  backdrop-filter: blur(18px);
}

.hero-chart-box,
.hero-copy {
  position: relative;
}

.hero-chart-box::after {
  content: "";

  position: absolute;

  right: 10%;
  top: 20%;

  width: 180px;
  height: 180px;

  background: rgba(0,255,153,.12);

  filter: blur(70px);

  border-radius: 50%;

  pointer-events: none;
}