/**
 * Animisha crystal intake shells — two canon variants.
 * --clear: no blur; saturate/brighten backdrop like blur variant.
 * --blur: frosted crystal (blur + saturate).
 */
.animisha-crystal-form {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 4px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.18),
    inset 12px 12px 24px rgba(255, 255, 255, 0.06),
    inset -10px -10px 28px rgba(125, 211, 252, 0.04),
    0 16px 48px rgba(0, 0, 0, 0.22);
  clip-path: polygon(
    0 8px,
    8px 0,
    calc(100% - 8px) 0,
    100% 8px,
    100% calc(100% - 8px),
    calc(100% - 8px) 100%,
    8px 100%,
    0 calc(100% - 8px)
  );
}

.animisha-crystal-form--blur {
  backdrop-filter: blur(22px) saturate(2.4) brightness(1.12);
  -webkit-backdrop-filter: blur(22px) saturate(2.4) brightness(1.12);
}

.animisha-crystal-form--clear {
  backdrop-filter: saturate(2.35) brightness(1.18) contrast(1.06);
  -webkit-backdrop-filter: saturate(2.35) brightness(1.18) contrast(1.06);
}

.animisha-crystal-form .crystal-shine,
.animisha-crystal-form .founding-crystal-shine {
  position: absolute;
  top: -50%;
  left: -30%;
  width: 55%;
  height: 90%;
  background: linear-gradient(
    118deg,
    rgba(255, 255, 255, 0.55) 0%,
    rgba(255, 255, 255, 0.06) 38%,
    transparent 52%
  );
  transform: rotate(-12deg);
  pointer-events: none;
  animation: crystal-shine-sweep 14s ease-in-out infinite;
  mix-blend-mode: overlay;
  z-index: 0;
  opacity: 0.65;
}

.animisha-crystal-form .crystal-facets,
.animisha-crystal-form .founding-crystal-facets {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(155deg, transparent 56%, rgba(255, 255, 255, 0.22) 56.2%, transparent 56.5%),
    linear-gradient(205deg, transparent 38%, rgba(255, 255, 255, 0.1) 38.2%, transparent 38.5%),
    linear-gradient(125deg, transparent 72%, rgba(200, 230, 255, 0.08) 72.2%, transparent 72.5%);
  opacity: 0.7;
}

@keyframes crystal-shine-sweep {
  0%, 100% { transform: rotate(-12deg) translateX(-8%); opacity: 0.55; }
  50% { transform: rotate(-12deg) translateX(18%); opacity: 1; }
}

.animisha-crystal-form input,
.animisha-crystal-form textarea,
.animisha-crystal-form select {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(4, 8, 18, 0.18) !important;
  backdrop-filter: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
