/* Soft Teal Shine */
.shine-soft-teal {
  background: #E2F5F6 !important; /* base: EBS teal-100 */
  position: relative;
}

.shine-soft-teal > * {
  position: relative;
  z-index: 1; /* ensure content stays above the blooms */
}

.shine-soft-teal::before,
.shine-soft-teal::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* Bloom A — cyan, top-left */
.shine-soft-teal::before {
  background: radial-gradient(44% 44% at 28% 22%, rgba(120,210,215,0.55), rgba(0,133,160,0.30) 44%, transparent 72%);
  filter: blur(44px);
  mix-blend-mode: multiply;
}

/* Bloom B — deep teal, bottom-right */
.shine-soft-teal::after {
  background: radial-gradient(42% 42% at 76% 80%, rgba(28,85,89,0.42), rgba(0,133,160,0.12) 48%, transparent 76%);
  filter: blur(56px);
  mix-blend-mode: multiply;
}

/* Deep Teal Shine */
.shine-deep-teal {
  background: #0E3B3E !important; /* base: EBS teal-900 */
  position: relative;
}

.shine-deep-teal > * {
  position: relative;
  z-index: 1;
}

.shine-deep-teal::before,
.shine-deep-teal::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

/* Bloom A — bright soft-teal core, top-left */
.shine-deep-teal::before {
  background: radial-gradient(42% 42% at 32% 24%, rgba(226,245,246,0.55), rgba(0,133,160,0.30) 42%, transparent 72%);
  filter: blur(46px);
  mix-blend-mode: screen;
}

/* Bloom B — cyan, bottom-right */
.shine-deep-teal::after {
  background: radial-gradient(40% 40% at 72% 78%, rgba(120,210,215,0.45), rgba(28,85,89,0.20) 46%, transparent 74%);
  filter: blur(54px);
  opacity: 0.8;
  mix-blend-mode: screen;
}