/* Isolated background experiment for reach clone */
body.reach-bg-test{
  position:relative;
  isolation:isolate;
  background:transparent;
}

body.reach-bg-test::before,
body.reach-bg-test::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
}

/* Lowest layer: world map background */
body.reach-bg-test::before{
  z-index:-2;
  background-image:url("../assets/img/small_world_map.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:brightness(.75) saturate(1.02) contrast(1.08);
}

/* Dark theme preservation layer */
body.reach-bg-test::after{
  z-index:-1;
  background:
    radial-gradient(1100px 600px at 20% 0%, rgba(122,162,255,.14), transparent 60%),
    radial-gradient(900px 520px at 80% 10%, rgba(110,243,197,.09), transparent 55%),
    linear-gradient(180deg, rgba(8,11,22,.56) 0%, rgba(11,16,32,.68) 100%);
}

body.reach-bg-test .header{
  background:rgba(8,11,22,.54);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  backdrop-filter:saturate(160%) blur(14px);
}

body.reach-bg-test .card{
  background:linear-gradient(180deg, rgba(14,22,44,.42), rgba(12,19,38,.30));
}

body.reach-bg-test .cta{
  background:rgba(255,255,255,.04);
}

body.reach-bg-test input{
  background:rgba(3,7,16,.18);
}