.chat.bot-main-background {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(3, 3, 18, .54), rgba(4, 5, 28, .22)),
    url("assets/bot-main-bg.webp") center center / cover no-repeat fixed !important;
}

.chat.bot-main-background::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("assets/bot-glow-overlay-v3.svg") center center / cover no-repeat fixed;
  mix-blend-mode: screen;
  opacity: 1;
}

.chat.bot-main-background > * {
  position: relative;
  z-index: 1;
}

.bot-main-background .menu-prompt {
  width: min(860px, calc(100% - 32px)) !important;
  max-width: 92% !important;
  padding: 24px 28px;
  text-align: center;
  background: linear-gradient(135deg, rgba(9, 13, 39, .88), rgba(27, 17, 70, .76)) !important;
  border: 1px solid rgba(114, 151, 255, .48) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .07);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
}

.bot-main-background .menu-prompt .main-heading {
  margin: 0 0 14px;
  color: transparent;
  background: linear-gradient(100deg, #ffffff 0%, #c8edff 32%, #9da7ff 50%, #ffffff 70%, #d3f6ff 100%);
  background-size: 230% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(23px, 2.55vw, 34px);
  font-weight: 900;
  line-height: 1.25;
  white-space: nowrap;
  filter: drop-shadow(0 0 11px rgba(69, 163, 255, .38));
  animation: main-title-shimmer 5.2s linear infinite, main-title-breathe 2.8s ease-in-out infinite;
}

.bot-main-background .menu-prompt .main-subheading,
.bot-main-background .menu-prompt .main-support {
  margin: 0 auto;
  max-width: 680px;
  color: #eef4ff;
  font-size: clamp(14px, 1.25vw, 17px);
  font-weight: 600;
  line-height: 1.75;
}

.bot-main-background .menu-prompt .main-support {
  margin-top: 12px;
  color: #cbdcff;
  font-size: clamp(13px, 1.1vw, 15px);
}

@keyframes main-title-shimmer {
  0% { background-position: 110% 50%; }
  100% { background-position: -110% 50%; }
}

@keyframes main-title-breathe {
  0%, 100% { filter: drop-shadow(0 0 8px rgba(69, 163, 255, .32)); }
  50% { filter: drop-shadow(0 0 18px rgba(163, 111, 255, .7)); }
}

.bot-main-background .menu-choices .choice {
  background: linear-gradient(110deg, rgba(24, 77, 139, .9), rgba(82, 64, 174, .9));
  border-color: rgba(121, 196, 255, .72);
  box-shadow: 0 8px 25px rgba(0, 0, 0, .22);
}

@media (max-width: 700px) {
  .chat.bot-main-background {
    background-position: 63% center !important;
    background-attachment: scroll !important;
  }
  .chat.bot-main-background::before {
    background-position: 63% center;
    background-attachment: scroll;
  }
  .bot-main-background .menu-prompt {
    width: calc(100% - 20px);
    padding: 20px 18px;
  }
  .bot-main-background .menu-prompt .main-heading {
    font-size: clamp(18px, 5.2vw, 25px);
  }
}

@media (max-width: 520px) {
  .bot-main-background .menu-prompt .main-heading {
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .chat.bot-main-background::before,
  .bot-main-background .menu-prompt .main-heading {
    animation: none !important;
  }
}