/* 
 * RealtimeForm Landing Page Styles
 * Only effects that cannot be done with Tailwind
 */

/* Background grid pattern */
.landing-bg-grid {
  background-size: 40px 40px;
  background-image: 
    linear-gradient(to right, rgba(175, 238, 238, 0.15) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(175, 238, 238, 0.15) 1px, transparent 1px);
  mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

/* Spotlight glow effect */
.landing-bg-spotlight {
  background: radial-gradient(
    ellipse 70% 50% at 50% 0%,
    rgba(175, 238, 238, 0.25) 0%,
    rgba(173, 235, 179, 0.15) 40%,
    transparent 70%
  );
  filter: blur(60px);
}

/* Tab content visibility (JS controlled) */
.landing-config-tab-content {
  display: block;
}

.landing-config-tab-content.hidden {
  display: none;
}