/* Light belongs to the scene behind the smoked glass. */
body {
  background:
    radial-gradient(ellipse 30rem 22rem at 92% 19rem,#42579770,transparent 75%),
    radial-gradient(ellipse 25rem 28rem at 55% 28rem,#66458365,transparent 75%),
    radial-gradient(ellipse 24rem 16rem at 8% 67rem,#ac792f55,transparent 75%),
    radial-gradient(ellipse 36rem 26rem at 69% 79rem,#394c946b,transparent 75%),
    linear-gradient(130deg,#070a13,#111522 55%,#090b13);
}
body::before { background:url('light-field.svg') center top / 1600px 1600px repeat-y; opacity:.9; }
.key-display,article {
  background:linear-gradient(135deg,#d8e6ff09,#060a151a 55%,#0509152b);
  backdrop-filter:blur(19px) saturate(115%);
  -webkit-backdrop-filter:blur(19px) saturate(115%);
  border-color:#d5e6ff25;
  border-top-color:#edf4ff65;
  box-shadow:inset 0 1px 0 #eff5ff24,inset 1px 0 0 #e6f0ff12,0 20px 45px #0005;
}
.key-display::before { background:linear-gradient(115deg,transparent 8%,#ffffff09 9%,#ffffff02 30%,transparent 31%,transparent 73%,#ffffff05 74%,transparent 92%); }
.key-display::after,article::after { background:linear-gradient(130deg,#ffffff04,transparent 37%,transparent 76%,#ffffff03); }
.filters { background:#11182a20; backdrop-filter:blur(18px) saturate(110%); }
article p,.intro { color:#d0d3dd; }