@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

* { font-family: "Inter", sans-serif !important; box-sizing: border-box; color-scheme: dark; }

#chatbot-button{position:fixed;bottom:20px;right:20px;width:64px;height:64px;border-radius:50%;background:#5c6cff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(22,25,40,0.6);cursor:pointer;z-index:999999;transition:transform .18s ease}
#chatbot-button:hover{transform:scale(1.06)}
#chatbot-window{position:fixed;bottom:100px;right:20px;width:360px;height:480px;background:#0f1115;border-radius:16px;border:1px solid rgba(255,255,255,0.04);box-shadow:0 10px 40px rgba(2,6,23,0.6);display:none;flex-direction:column;overflow:hidden;z-index:999999}
#chatbot-header{background:transparent;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;color:#fff}
#chatbot-chat{flex:1;padding:14px;overflow-y:auto;background:linear-gradient(180deg,#07080a,#0b0d10)}
#chatbot-input-box{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,0.02);background:#0f1115}
#chatbot-input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,0.04);background:#0a0a0b;color:#e6eef8}
#chatbot-send{background:#4b8bff;color:#fff;padding:10px 12px;border-radius:10px;border:none;cursor:pointer}
.chat-row{display:flex;align-items:flex-end;margin:12px 0;animation:slideIn .24s ease}
@keyframes slideIn{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
.chat-avatar{width:36px;height:36px;border-radius:50%;margin:0 10px;box-shadow:0 6px 18px rgba(0,0,0,0.6)}
.chat-msg{padding:12px 16px;border-radius:18px;max-width:260px;line-height:1.45;position:relative;box-shadow:0 6px 18px rgba(0,0,0,0.6)}
.chat-bot{background:linear-gradient(145deg,#14151a,#0f1115);color:#dbe8ff;border-bottom-left-radius:6px}
.chat-user{background:linear-gradient(145deg,#3e6bff,#2653d9);color:#fff;margin-left:auto;border-bottom-right-radius:6px;box-shadow:0 8px 30px rgba(46,79,255,0.12)}
.typing-indicator{display:flex;gap:6px;margin:6px 0 0 6px}
.typing-indicator span{width:8px;height:8px;background:#6f7cff;border-radius:50%;display:inline-block;animation:blink 1.4s infinite}
.typing-indicator span:nth-child(2){animation-delay:0.18s}
.typing-indicator span:nth-child(3){animation-delay:0.36s}
@keyframes blink{0%{opacity:.2}20%{opacity:1}100%{opacity:.2}}
#chatbot-chat{scroll-behavior:smooth}
#chatbot-chat::-webkit-scrollbar{width:6px}
#chatbot-chat::-webkit-scrollbar-track{background:transparent}
#chatbot-chat::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.06);border-radius:10px}
#chatbot-chat::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.12)}
#chatbot-chat{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.06) transparent}