/* One continuous background system for every public page. */
main{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 68% 22% at 12% 7%,rgba(75,42,142,.25),transparent 72%),
    radial-gradient(ellipse 58% 24% at 58% 24%,rgba(36,112,76,.15),transparent 72%),
    radial-gradient(ellipse 62% 25% at 91% 11%,rgba(25,66,126,.22),transparent 72%),
    radial-gradient(ellipse 70% 22% at 18% 57%,rgba(66,39,126,.16),transparent 75%),
    radial-gradient(ellipse 66% 23% at 83% 72%,rgba(20,76,112,.14),transparent 75%),
    linear-gradient(180deg,#080a10 0%,#07090e 46%,#07090d 100%);
}
main>.hero,
main>.metric-band,
main>.premium-security,
main>.testimonial-section,
main>.faq-preview,
main>.cta{
  background:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
}
main>.hero:before{
  background:
    radial-gradient(circle at 74% 44%,rgba(38,31,86,.28),transparent 38%),
    linear-gradient(90deg,rgba(6,7,10,.20),transparent 65%)!important;
}
main>.hero:after{
  opacity:.72;
  mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 75%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 15%,#000 75%,transparent 100%)!important;
}
main>.metric-band{box-shadow:none!important}
main>.premium-security{
  background-image:none!important;
}
main>.faq-preview:before{opacity:.42}
.docs-page,
.security-page,
.partner-page,
.wp-hero,
.ref-coin-hero,
.coin-detail-hero,
.coin-detail-cta,
.guide-ref-hero,
.guide-ref-page,
.faq-preview,
.cta,
.metric-band,
.premium-security{
  background-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important;
}
.docs-page,
.security-page,
.partner-page,
.wp-hero,
.ref-coin-hero,
.coin-detail-cta,
.guide-ref-hero{
  background-image:none!important;
}
.docs-page:before,
.security-page:before,
.partner-page:before{
  opacity:.38!important;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)!important;
}
.page-head{background:transparent!important}
.ref-footer{background:rgba(7,9,13,.72)!important;border-top-color:rgba(255,255,255,.045)!important}
@media(max-width:600px){
  main{
    background:
      radial-gradient(ellipse 110% 18% at 50% 6%,rgba(55,39,116,.28),transparent 75%),
      radial-gradient(ellipse 100% 18% at 40% 35%,rgba(25,108,77,.13),transparent 75%),
      radial-gradient(ellipse 110% 18% at 60% 68%,rgba(24,65,120,.15),transparent 76%),
      linear-gradient(180deg,#080a10,#07090d);
  }
}