@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Outfit: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(#f4f0ff,#dacdff)}.container{position:relative}.chatbot-popup{position:fixed;bottom:90px;right:35px;width:420px;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080;transform:scale(.2);transform-origin:bottom right;opacity:0;pointer-events:none;transition:all .25s ease;z-index:50}.container.show-chatbot .chatbot-popup{transform:scale(1);opacity:1;pointer-events:auto}.chatbot-popup .chat-header{background:#6d4fc2;display:flex;padding:15px 22px;align-items:center;justify-content:space-between}.header-info{display:flex;gap:10px;align-items:center}.header-info svg{height:35px;width:35px;padding:6px;background:#fff;fill:#6d4fc2;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;outline:none;color:#fff;cursor:pointer;font-size:1.9rem;background:#593bab;border-radius:50%;transition:.2s ease}.chat-header button:hover{background:#593bab}.chat-body{display:flex;flex-direction:column;gap:20px;height:400px;overflow-y:auto;padding:25px 22px;scrollbar-width:thin;scrollbar-color:#DDD3F9 transparent}.chat-body .message{display:flex;gap:11px;align-items:center}.chat-body .bot-message svg{height:35px;width:35px;padding:6px;background:#6d4fc2;flex-shrink:0;fill:#fff;border-radius:50%}.chat-body .message .message-text{padding:12px 16px;max-width:75%;word-wrap:break-word;white-space:pre-line;font-size:.95rem}.chat-body .bot-message .message-text{background:#f6f2ff;border-radius:13px 13px 13px 3px}.chat-body .user-message{flex-direction:column;align-items:flex-end}.chat-body .user-message .message-text{color:#fff;background:#6d4fc2;border-radius:13px 13px 3px}.chat-footer{position:sticky;bottom:0;width:100%;background:#fff;padding:15px 22px 20px;z-index:10}.chat-footer .chat-form{display:flex;align-items:center;border-radius:32px;background:#fff;outline:1px solid #cccce5;box-shadow:0 0 8px #0000000f}.chat-footer .chat-form:focus-within{outline:2px solid #6D4FC2}.chat-form .message-input{border:none;outline:none;background:none;width:100%;height:47px;padding:0 17px;font-size:.95rem}.chat-form button{height:35px;width:35px;border:none;display:none;outline:none;cursor:pointer;font-size:1.15rem;color:#fff;flex-shrink:0;margin-right:6px;border-radius:50%;background:#6d4fc2;transition:.2s ease}.chat-form button:hover{background:#593bab}.chat-form .message-input:valid~button{display:block}#chatbot-toggler{position:fixed;bottom:30px;right:35px;height:50px;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#6d4fc2;cursor:pointer;border:none;transition:transform .3s ease;z-index:100}#chatbot-toggler span{position:absolute;color:#fff;font-size:2rem;transition:opacity .3s ease,transform .3s ease}#chatbot-toggler span.mode-comment{opacity:1;transform:translateY(0)}#chatbot-toggler span.close{opacity:0;transform:translateY(10px)}#chatbot-toggler.open{transform:rotate(90deg)}#chatbot-toggler.open span.mode-comment{opacity:0;transform:translateY(-10px)}#chatbot-toggler.open span.close{opacity:1;transform:translateY(0)}.arrow-button{font-size:1.8rem;color:#fff;background:#593bab;border:none;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;cursor:pointer}.arrow-button.rotated{transform:rotate(180deg)}@media(max-width:1200px){.chatbot-popup{width:360px}.chat-body{height:350px}}@media(max-width:992px){.chatbot-popup{width:300px;bottom:80px;right:25px}#chatbot-toggler{bottom:25px;right:25px;height:45px;width:45px}.chat-body{height:320px;padding:20px}.chat-footer{padding:12px 18px 16px}.header-info .logo-text{font-size:1.1rem}}@media(max-width:768px){.chatbot-popup{width:260px;bottom:70px;right:20px}#chatbot-toggler{bottom:20px;right:20px;height:40px;width:40px}.chat-body{height:280px;padding:18px}.header-info svg{height:28px;width:28px}.arrow-button{height:36px;width:36px;font-size:1.5rem}}@media(max-width:480px){.chatbot-popup{width:220px;bottom:60px;right:15px}#chatbot-toggler{bottom:15px;right:15px;height:35px;width:35px}.chat-body{height:240px;padding:15px;gap:15px}.chat-footer{padding:10px 15px 12px}.header-info svg{height:24px;width:24px}.arrow-button{height:32px;width:32px;font-size:1.3rem}}