.glass {
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  background: rgba(255, 255, 255, 0.18); /* или твой цвет из Tilda */

  box-shadow:
    0 12px 60px rgba(140, 130, 200, 0.28),  /* мягкая тень в тон фону */
    0 4px 18px rgba(140, 130, 200, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(200, 195, 230, 0.2);

  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 30px;
  position: relative;
}

.glass::before {
  content: '';
  position: absolute;
  inset: -1.5px;
  border-radius: 31.5px;
  padding: 1.5px;
  background: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.9)   0%,
    rgba(220, 215, 255, 0.6)  25%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(200, 210, 255, 0.3) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.glass::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 30px;
  background: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.28) 0%,
    rgba(255, 255, 255, 0.06) 40%,
    transparent 60%
  );
  pointer-events: none;
}