*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{height:100vh;display:flex;justify-content:center;align-items:center;background:#18181b}.container{width:380px;height:600px;display:flex;align-items:center;justify-content:center}.chatbot-popup{width:100%;height:100%;background:#fff;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #00000026}.chatbot-header{background:#6f63c6;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.header-info{display:flex;align-items:center;gap:10px}.header-info svg{width:26px;height:26px;fill:#fff}.logo-text{color:#fff;font-size:18px;font-weight:600;cursor:default}.chatbot-header button{background:#6f63c6;padding:2px 4px;border:none;color:#fff;font-size:30px;cursor:pointer}.chatbot-header button:hover{background:#8f89cb;border-radius:20px;color:#ddd}.chatbot-body{background-color:#27272a;flex:1;display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:#DDD3F9 transparent}.message{max-width:75%;display:flex;gap:10px;align-items:flex-start}.message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.bot-message{align-self:flex-start}.bot-message svg{width:28px;height:28px;min-width:28px;min-height:28px;fill:#6f63c6}.bot-message .message-text{background:#ededfc;color:#333;border-top-left-radius:6px}.user-message{align-self:flex-end}.user-message .message-text{background:#535170;color:#fff;border-top-right-radius:6px}.chatbot-footer{padding:16px;background:#3f3f46;border-top:1px solid #eee}.chatbot-footer form{display:flex;align-items:center;gap:10px}.message-input{background-color:#09090b;color:#eee;flex:1;padding:12px 16px;border-radius:25px;border:1px solid #ddd;outline:none;font-size:14px}.message-input:focus{border-color:#6f63c6;box-shadow:0 0 10px #6f63c6}.message-input::placeholder{color:#aaa}.send-button{background:#6f63c6;border:none;color:#fff;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .2s ease}.send-button:hover{background:#5b51b5}