/* Chat landing — separated from index.html */
@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}main>:first-child{margin-top:0!important;}main>:last-child{margin-bottom:0!important;}}::-webkit-scrollbar{display:none;}

@keyframes gradient-animation{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

/* Static gradients for the other sections — fixed, no animation */
.gradient-static{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}
.gradient-static--one{
  background: linear-gradient(334deg, #6b97f7, #7525e2, #f7137e);
  opacity:0.18;
}
.gradient-static--two{
  background: linear-gradient(334deg, #6b97f7, #7525e2, #f7137e);
  opacity:0.16;
}
.gradient-static--three{
  background: linear-gradient(334deg, #6b97f7, #7525e2, #f7137e);
  opacity:0.14;
}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease, transform .6s ease}
.reveal.visible{opacity:1;transform:none}
.orb{position:absolute;z-index:-1;filter:blur(80px);opacity:0.12;pointer-events:none}
/* Lively extras — cards claros, hover iluminado sin opacidad oscura */
.card-hover{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(107,151,247,0.22), 0 0 20px rgba(247,19,126,0.14);border-color:#6b97f7 !important;background:rgba(255,255,255,0.06) !important}
.typing-dot{width:6px;height:6px;border-radius:9999px;background:#6b97f7;display:inline-block;animation:typingBounce 1.2s infinite}
.typing-dot:nth-child(2){animation-delay:.15s}
.typing-dot:nth-child(3){animation-delay:.3s}
@keyframes typingBounce{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}