.invert-text {
    mix-blend-mode: difference;
    color: white; /* Исходный цвет текста */
}

.iinvert-logo {
    mix-blend-mode: difference;
    color: white;
}


/* Liquid Glass — лёгкая и быстрая версия */
.uc-liquid-glass,
.uc-liquid-glass .tn-atom {
  position: relative;
  border-radius: 15px;                     /* подправь при нужде */
  background: rgba(255,255,255,0.1);      /* лёгкий «туман» */
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 0px 0px rgba(0,0,0,0.18);
  overflow: hidden;
}

/* Глянец по краям (тонкий) */
.uc-liquid-glass::after,
.uc-liquid-glass .tn-atom::after {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  border-radius: inherit;
  /* едва заметный внутренний блик */
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,0.45),
    inset -1px -1px 0 rgba(255,255,255,0.15);
}

/* Настоящее «стекло» — блюрим фон позади */
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .uc-liquid-glass,
  .uc-liquid-glass .tn-atom {
    background: linear-gradient(135deg,
      rgba(255,255,255,0.1),
      rgba(255,255,255,0.08)
    );
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);           /* ключ */
  }
}

/* Фоллбек для Firefox без флага и старых браузеров */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .uc-liquid-glass,
  .uc-liquid-glass .tn-atom {
    background: rgba(255,255,255,0.85);   /* непрозрачнее, чтоб читалось */
  }
}