:root{--chatbot-primary: #667eea;--chatbot-bg: #ffffff;--chatbot-text: #2d3748;--chatbot-user-bg: #667eea;--chatbot-user-text: #ffffff;--chatbot-bot-bg: #edf2f7;--chatbot-bot-text: #2d3748}#cyber-chatbot-container{font-family:Outfit,sans-serif;z-index:10000;position:fixed;bottom:20px;right:20px}#chatbot-toggle-btn{background:#1a1a1a;color:#fff;border:none;width:70px;height:70px;border-radius:12px;cursor:pointer;box-shadow:0 0 20px #667eea66;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;padding:0;overflow:visible;position:relative;animation:bot-float 4s ease-in-out infinite}#chatbot-toggle-btn:before{content:"";position:absolute;width:110%;height:110%;border:2px solid rgba(102,126,234,.6);border-radius:15%;background:transparent;animation:cyber-square-rotate 6s linear infinite;z-index:-1;box-shadow:0 0 15px #667eea4d}#chatbot-toggle-btn:after{content:"";position:absolute;width:100%;height:100%;border-radius:20%;background:#764ba233;animation:square-pulse 3s ease-in-out infinite;z-index:-2;transform:rotate(45deg)}.chatbot-avatar-anim{width:85%;height:85%;object-fit:cover;border-radius:10px;border:2px solid rgba(255,255,255,.2);animation:avatar-glitch 5s step-end infinite}@keyframes bot-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes cyber-square-rotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1.1)}}@keyframes square-pulse{0%,to{transform:rotate(45deg) scale(1);opacity:.3}50%{transform:rotate(45deg) scale(1.3);opacity:.6}}@keyframes avatar-glitch{0%,90%{transform:translate(0);filter:none}92%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}94%{transform:translate(2px,-1px);filter:contrast(1.5)}96%{transform:translate(-1px,2px);filter:hue-rotate(-90deg)}to{transform:translate(0);filter:none}}@keyframes float-breathe{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.03)}50%{transform:translateY(-5px) scale(1)}75%{transform:translateY(-10px) scale(1.03)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #764ba2b3,0 4px 12px #00000026}50%{box-shadow:0 0 0 20px #764ba200,0 8px 25px #764ba266}}@keyframes sparkle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatar-pulse{0%,to{opacity:1}50%{opacity:.95}}@keyframes ripple-burst{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}#chatbot-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transform:translateY(30px) scale(.8);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;border:1px solid rgba(255,255,255,.3)}#chatbot-window.active{transform:translateY(0) scale(1);opacity:1;pointer-events:all;animation:window-slide-bounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes window-slide-bounce{0%{transform:translateY(30px) scale(.8);opacity:0}60%{transform:translateY(-5px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 200%;animation:gradient-shift 6s ease infinite;color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.chat-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.chat-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.8;transition:all .3s ease;position:relative;z-index:1}.chat-close:hover{opacity:1;transform:scale(1.2)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#f8fafc,#edf2f7);position:relative;scroll-behavior:smooth}.chat-messages:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(118,75,162,.03) 0%,transparent 50%);pointer-events:none;animation:particles-float 20s ease-in-out infinite}@keyframes particles-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.message{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.message:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.user-msg{align-self:flex-end;background:linear-gradient(135deg,var(--chatbot-user-bg) 0%,#5a67d8 100%);color:var(--chatbot-user-text);border-bottom-right-radius:4px;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #667eea4d}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) scale(.8)}60%{transform:translate(-5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.bot-msg{align-self:flex-start;background:var(--chatbot-bot-bg);color:var(--chatbot-bot-text);border-bottom-left-radius:4px;animation:slideInLeft .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #00000014}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) scale(.8)}60%{transform:translate(5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes message-shimmer{0%{left:-150%}to{left:150%}}.chat-input-area{padding:15px;background:#fff;display:flex;gap:10px;position:relative}#chat-input{flex:1;padding:12px 18px;border:2px solid #e2e8f0;border-radius:25px;outline:none;font-size:.95rem;transition:all .3s ease;background:#f8fafc}#chat-input:focus{border-color:var(--chatbot-primary);background:#fff;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea33;transform:scale(1.02)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.chat-input-area.shake #chat-input{animation:shake .4s ease;border-color:#f56565}#chat-send-btn{background:linear-gradient(135deg,var(--chatbot-primary) 0%,#5a67d8 100%);color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea4d}#chat-send-btn:hover{background:linear-gradient(135deg,#5a67d8 0%,var(--chatbot-primary) 100%);transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #667eea80}#chat-send-btn:active{transform:scale(.95)}#chat-send-btn:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#ffffff80;transform:scale(0);opacity:0}#chat-send-btn:active:before{animation:button-ripple .6s ease-out}@keyframes button-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}.typing{display:flex;align-items:center;gap:4px;padding:16px 20px!important}.typing span{display:inline-block;width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;animation:wave-bounce 1.4s infinite ease-in-out;box-shadow:0 2px 4px #0000001a}.typing span:nth-child(1){animation-delay:0s}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes wave-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:.7}30%{transform:translateY(-12px) scale(1.2);opacity:1}}.typing:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);animation:glow-pulse 2s ease-in-out infinite;border-radius:16px;z-index:-1}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.7}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}@media(max-width:480px){#chatbot-window{width:90vw;right:5vw;bottom:80px;height:60vh}#chatbot-toggle-btn{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
