body {
  background-color: #071324;
  background-image: radial-gradient(ellipse at 0% 65%, rgba(27,150,171,.18), transparent 42%), radial-gradient(ellipse at 100% 20%, rgba(58,107,207,.2), transparent 43%), url('fiber-lines.svg');
  background-size: cover, cover, 100% 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #e9edf4;
}
header { border-bottom: 1px solid rgba(178,216,239,.22); }
details, .panel { background: #0b1c30; border-color: #304f67; box-shadow: 0 8px 28px #020b1826; }
input { background: #081729; border-color: #54728b; }
a, .eyebrow { color: #a6dfed; }
a:hover, a:focus-visible, summary:hover, summary:focus-visible { color: #9bf2e5; }
button:hover { background: #163b48; color: #9bf2e5; border-color: #77dcd2; }
input:focus, button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid #77dcd2; outline-offset: 4px; }
dl > div { border-color: #304f67; }
footer { border-top: 1px solid rgba(178,216,239,.22); }
@media(max-width:600px) { body { background-attachment: scroll; } }