#chatWidget{position:fixed;bottom:2rem;right:2rem;z-index:9998;font-family:Arial,sans-serif}#chatToggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(45deg,#00d4ff,#9c27b0);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 20px #00d4ff66;transition:transform .3s ease,box-shadow .3s ease;margin-left:auto}#chatToggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #9c27b080}#chatBox{position:absolute;bottom:70px;right:0;width:340px;background:linear-gradient(135deg,#1a1a3e,#2d1b69);border:1px solid rgba(0,212,255,.2);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;display:none;flex-direction:column;max-height:500px}#chatBox.open{display:flex}.chat-header{background:linear-gradient(45deg,rgba(0,212,255,.15),rgba(156,39,176,.15));padding:1rem 1.2rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid rgba(255,255,255,.08)}.chat-avatar{width:36px;height:36px;background:linear-gradient(45deg,#00d4ff,#9c27b0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.chat-header-info h4{font-size:.9rem;color:#fff}.chat-header-info p{font-size:.75rem;color:#00d4ff}.chat-close{margin-left:auto;background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.1rem;transition:color .2s}.chat-close:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;max-height:320px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,212,255,.3);border-radius:2px}.chat-msg{max-width:85%;padding:.7rem 1rem;border-radius:12px;font-size:.85rem;line-height:1.5;animation:msgIn .2s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{background:linear-gradient(45deg,#00d4ff,#9c27b0);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chat-msg.assistant{background:rgba(255,255,255,.08);color:#ffffffe6;align-self:flex-start;border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.08)}.chat-typing{display:flex;gap:4px;padding:.7rem 1rem;background:rgba(255,255,255,.08);border-radius:12px 12px 12px 4px;align-self:flex-start;border:1px solid rgba(255,255,255,.08)}.chat-typing span{width:6px;height:6px;background:#00d4ff;border-radius:50%;animation:typing 1s infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}.chat-input-area{padding:.8rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:.5rem}#chatInput{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:8px 14px;color:#fff;font-size:.85rem;outline:none;transition:border-color .3s}#chatInput:focus{border-color:#00d4ff}#chatInput::placeholder{opacity:.4}#chatSend{width:36px;height:36px;background:linear-gradient(45deg,#00d4ff,#9c27b0);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0}#chatSend:hover{transform:scale(1.1)}#chatSend:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ff5078;border-radius:50%;border:2px solid #0f0f23;animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media (max-width: 400px){#chatBox{width:300px;right:-10px}}