.ChatCardWrapper{position:relative;max-width:100%;margin:0 auto;perspective:1000px;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.ChatCardWrapper ::-webkit-scrollbar{width:4px}.ChatCardWrapper ::-webkit-scrollbar-track{background:transparent}.ChatCardWrapper ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:10px}.ChatCardWrapper ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.ChatCardWrapper *{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.ChatCardWrapper:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:24px;background:linear-gradient(45deg,rgba(79,70,229,.3),rgba(236,72,153,.3));filter:blur(20px);z-index:-1;opacity:.8;animation:pulse-glow 4s ease-in-out infinite alternate}.ChatCardWrapper:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:20px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));z-index:-1;opacity:.6}.ai-interaction-hero{position:relative;overflow:hidden;padding:3rem 0;min-height:60vh;background-color:#15272a;background-image:radial-gradient(circle at 10% 20%,rgba(79,70,229,.1) 0,transparent 30%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.1) 0,transparent 30%);display:flex;align-items:center}.ai-interaction-hero .hero-content{position:relative;z-index:2}.ai-interaction-hero .hero-title{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#4f46e5,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;animation:gradient 8s ease infinite;background-size:200% 200%}.ai-interaction-hero .hero-subtitle{font-size:1.25rem;color:hsla(0,0%,100%,.8);margin-bottom:2rem;max-width:600px}.ai-interaction-hero .hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#405de6,#5a67d8);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)}.ai-interaction-hero .hero-cta:hover{transform:translateY(-2px);box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)}.ai-interaction-hero .hero-image{position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(.8)}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes pulse-glow{0%{opacity:.5;filter:blur(20px)}to{opacity:.8;filter:blur(25px)}}@keyframes moveRight{0%{transform:translateX(0) scale(.8);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(90vw)) scale(.8);opacity:0}}@keyframes moveLeft{0%{transform:translateX(0) scale(.8);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(-90vw)) scale(.8);opacity:0}}@media (max-width:768px){.ai-interaction-hero{min-height:50vh;padding:2rem 0}.ai-interaction-hero .hero-title{font-size:2.25rem}.ai-interaction-hero .hero-subtitle{font-size:1rem}}@media (min-width:769px) and (max-width:1024px){.ai-interaction-hero{min-height:55vh}}@media (min-width:1025px){.ai-interaction-hero{min-height:65vh}}