/* Light-glass marketing/auth pages — wavy backdrop + frosted cards (mockup parity, white scheme) */

.ff-page-wave-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-color: #d8e4f2;
  background-image:
    radial-gradient(900px 520px at 15% -8%, rgba(255, 255, 255, 0.72), transparent 62%),
    radial-gradient(760px 480px at 88% 6%, rgba(96, 165, 250, 0.28), transparent 58%),
    radial-gradient(640px 420px at 50% 100%, rgba(14, 165, 233, 0.18), transparent 65%),
    linear-gradient(165deg, #e8f0fa 0%, #d4e2f1 38%, #c5d6eb 68%, #b8cce6 100%);
}

.ff-page-wave-bg::before,
.ff-page-wave-bg::after {
  content: "";
  position: absolute;
  left: -10%;
  right: -10%;
  height: 42%;
  border-radius: 50%;
  filter: blur(2px);
}

.ff-page-wave-bg::before {
  bottom: 18%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(147, 197, 253, 0.22));
  transform: rotate(-2deg);
}

.ff-page-wave-bg::after {
  bottom: -8%;
  background: linear-gradient(180deg, rgba(186, 230, 253, 0.45), rgba(255, 255, 255, 0.35));
  transform: rotate(1.5deg);
}

.auth-shell,
.plans-body {
  position: relative;
  z-index: 1;
}