@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{width:100%;min-height:100vh;background:linear-gradient(#f5f5f5,#e3f2fd);display:flex;align-items:center;justify-content:center}.chatbot-popup{position:fixed;top:50%;left:50%;width:420px;height:700px;transform:translate(-50%,-50%);overflow:hidden;background:#fff;border-radius:15px;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080}.chatbot-popup .chat-header{display:flex;padding:15px 22px;align-items:center;justify-content:space-between;background:#1565c0}.chat-header .header-info{display:flex;gap:10px;align-items:center}.header-info svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#1565c0;background:#fff;border-radius:50%}.header-info .logo-text{color:#fff;font-size:1.31rem;font-weight:600}.chat-header button{height:40px;width:40px;border:none;color:#fff;cursor:pointer;background:#0d47a1;margin:-10px;border-radius:50%;padding-top:2px;font-size:1.15rem;background:none;transition:.2s all}.chat-header button:hover{background:#0d47a1;opacity:.7}.chat-body{display:flex;flex-direction:column;gap:20px;height:520px;overflow-y:auto;padding:25px 22px;scrollbar-width:thin;scrollbar-color:#90CAF9 transparent}.chat-body .bot-message,.chat-body .message{display:flex;gap:11px;align-items:center}.chat-body .bot-message svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#fff;margin-bottom:2px;align-self:flex-end;background:#1565c0;border-radius:50%}.chat-body .bot-message .message-text{background:#e3f2fd;border-radius:13px 13px 13px 0}.chat-body .user-message .message-text{color:#fff;background:#1565c0;border-radius:13px 13px 0;word-wrap:break-word;white-space:pre-line}.bot-message svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#fff;background:#1565c0;border-radius:50%}.bot-message .message-text{background:#e3f2fd;padding:12px 16px;max-width:75%;border-radius:13px;font-size:.95rem}.chat-body .user-message{display:flex;justify-content:flex-end}.user-message .message-text{background:#1565c0;color:#fff;padding:12px 16px;max-width:75%;border-radius:13px;font-size:.95rem}.chat-footer{position:absolute;bottom:0;width:100%;background:#fff;padding:15px 25px 20px}.chat-footer .chat-form{display:flex;align-items:center;border-radius:32px;outline:1px solid #CCCCE5;box-shadow:0 0 8px #0000000f}.chat-form .chat-form:focus-within{outline:2px solid #1565C0}.chat-form .message-input{border:none;outline:none;width:100%;background:none;height:47px;padding:0 17px;font-size:.95rem}.chat-form button{height:35px;width:35px;border:none;color:#fff;outline:none;flex-shrink:0;cursor:pointer;font-size:1.15rem;margin-right:6px;border-radius:50%;background:#1565c0;transition:.2s ease;visibility:hidden}.chat-form button:hover{background:#0d47a1}.chat-form .message-input:valid~button{display:block;visibility:visible}