/* Motion-only enhancement for the existing opening-soon footer. */
[data-signup] {
  isolation: isolate;
}

[data-signup]::before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 520px;
  height: 520px;
  top: -220px;
  right: -180px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(231, 227, 217, .12) 0%, rgba(231, 227, 217, 0) 70%);
}

@media (prefers-reduced-motion: no-preference) {
  [data-signup]::before {
    animation: aangan-signup-ambient-drift 14s ease-in-out infinite alternate;
  }

  [data-signup] [data-signup-reveal] {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(0, 24px, 0);
    transition: opacity .78s cubic-bezier(.22, 1, .36, 1) var(--signup-delay, 0ms),
      transform .78s cubic-bezier(.22, 1, .36, 1) var(--signup-delay, 0ms),
      filter .78s cubic-bezier(.22, 1, .36, 1) var(--signup-delay, 0ms);
    will-change: opacity, transform, filter;
  }

  [data-signup][data-signup-motion="visible"] [data-signup-reveal] {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes aangan-signup-ambient-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(-32px, 34px, 0) scale(1.08); }
}

[data-signup-success] {
  display: flex;
  min-height: 270px;
  padding: 42px 32px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border: 1px solid rgba(231, 227, 217, .22);
  border-radius: 30px;
  background: rgba(231, 227, 217, .07);
}

[data-signup-success-icon] {
  display: grid;
  width: 54px;
  height: 54px;
  margin-bottom: 20px;
  place-items: center;
  border: 1px solid rgba(231, 227, 217, .38);
  border-radius: 50%;
  background: rgba(231, 227, 217, .10);
  font: 400 24px/1 'Kohinoor', sans-serif;
  color: #E7E3D9;
}

[data-signup-success] h3 {
  margin: 0;
  font: 400 clamp(28px, 3vw, 44px)/1.05 'CS Boris', Georgia, serif;
  color: #E7E3D9;
}

[data-signup-success] p {
  max-width: 30em;
  margin: 16px 0 0;
  font: 300 14px/1.7 'Kohinoor', sans-serif;
  color: rgba(231, 227, 217, .8);
}

@media (prefers-reduced-motion: no-preference) {
  [data-signup-success] {
    opacity: 0;
    transform: translate3d(0, 18px, 0) scale(.985);
  }

  [data-signup-success][data-signup-success-visible] {
    animation: aangan-signup-success-in .8s cubic-bezier(.22, 1, .36, 1) both;
  }
}

@keyframes aangan-signup-success-in {
  from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  [data-signup]::before { animation: none; }
}