.header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-align:center;font-size:1.25rem;font-weight:600;box-shadow:var(--shadow-md);position:relative;z-index:10}.header::after{content:'';position:absolute;bottom:-.5rem;left:0;right:0;height:.5rem;background:linear-gradient(rgb(0 0 0 / .1),transparent)}.chat-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--bg)}.message{max-width:85%;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:fadeIn 0.3s ease-out;position:relative;word-wrap:break-word}.user-message{align-self:flex-end;background-color:var(--user-bubble);color:#fff;border-bottom-right-radius:var(--radius-sm)}.ai-message{align-self:flex-start;background-color:var(--ai-bubble);color:var(--text);border-bottom-left-radius:var(--radius-sm)}.input-container{display:flex}#user-input{flex:1;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:.9375rem;outline:none;transition:all 0.2s ease}#user-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgb(67 97 238 / .1)}#send-button{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all 0.2s ease}#send-button:hover{opacity:.9;transform:translateY(-1px)}#send-button:active{transform:translateY(0)}.voice-button{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all 0.2s ease;position:relative;overflow:hidden}.voice-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.voice-button:active{transform:translateY(0)}.voice-button.recording{animation:pulse 1.5s infinite}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--ai-bubble);border-radius:var(--radius-xl);width:fit-content;margin-bottom:.5rem}.typing-dot{width:.5rem;height:.5rem;background-color:var(--text-light);border-radius:50%;animation:typingAnimation 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:0.2s}.typing-dot:nth-child(3){animation-delay:0.4s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(239 68 68 / .7)}70%{box-shadow:0 0 0 12px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@keyframes typingAnimation{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgb(0 0 0 / .05)}::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .2)}.status{position:fixed;bottom:5.5rem;right:1.5rem;padding:.25rem .5rem;background-color:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:.75rem;color:var(--text-light);display:flex;align-items:center;gap:.375rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#10b981}.welcome-message{text-align:center;margin:auto;max-width:24rem;padding:1.5rem}.welcome-message h2{font-size:1.25rem;margin-bottom:.5rem;color:var(--primary)}.welcome-message p{color:var(--text-light);margin-bottom:1.5rem}.welcome-icon{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.mode-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.mode-button{padding:.5rem 1rem;border:none;border-radius:var(--radius-md);background-color:var(--primary-light);color:var(--primary);font-weight:500;cursor:pointer;transition:all 0.2s ease}.mode-button.active{background-color:var(--primary);color:#fff}.mode-button:hover:not(.active){background-color:rgb(67 97 238 / .2)}#chat-icon{position:fixed;bottom:20px;right:20px;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:none}.chat-gif{width:50px;height:50px}.close-btn{background:red;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;cursor:pointer}#chatbot{position:fixed;bottom:80px;right:20px;width:820px;height:700px;background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .2);padding:10px}.hidden{display:none!important}.button-group-tags{display:flex;gap:5px;padding:5px 10px;flex-wrap:wrap;background:#f9f9f9;position:fixed;top:160px}.button-group-tags button{background-color:#fff;border:1px solid #007aff;color:#007aff;font-family:Arial,sans-serif;font-size:12px;font-weight:500;padding:3px 8px;border-radius:50px;cursor:pointer;transition:background-color 0.3s,color 0.3s;white-space:nowrap}.button-group-tags button:hover{background-color:#007aff!important;color:white!important}#chatbot-container #chat-input button svg path{stroke:#fff}.button-group-tags button:focus{outline:none;box-shadow:0 0 4px #0e283d}@media screen and(min-width:1024px){h1{font-size:5rem}}#chatbot-container{position:fixed;bottom:20px;right:20px;z-index:9999}#chatbot-container #chat-icon{background-color:#fff;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(0 0 0 / .15);cursor:pointer;transition:transform 0.3s ease;border:1px solid #e6e6e6}#chatbot-container #chat-icon:hover{transform:scale(1.1)}#chatbot-container #chatbot{position:fixed;bottom:80px;right:0;width:350px;height:250px;display:flex;flex-direction:column;border-radius:15px;box-shadow:0 4px 12px rgb(0 0 0 / .15);overflow:hidden;background-color:#fff;font-family:"Sour Gummy",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;transition:transform 0.3s ease;transform:scale(0);transform-origin:bottom right;margin:1rem}#chatbot-container #chatbot.hidden{transform:scale(0)}#chatbot-container #chatbot:not(.hidden){transform:scale(1)}#chatbot-container #chat-header{padding:10px 15px;background-color:#FFF;border-bottom:1px solid #ddd;padding:10px 12px}#chatbot-container #chat-header.chat-logo img{width:40px;height:40px;object-fit:contain}#chatbot-container #chat-header.chat-title{margin:0 10px;display:flex;align-items:center;gap:10px}#chatbot-container #chat-header.chat-title h3{margin:0;font-size:16px;color:#333}#chatbot-container #chat-header.chat-title p{margin:0;font-size:12px;color:#777}#chatbot-container #chat-header.chat-title.content-logo{position:relative}#chatbot-container #chat-header.chat-title.status{width:10px;height:10px;padding:0;margin-bottom:-5px;margin-right:-5px;border-radius:50%50%;position:absolute;z-index:1;bottom:0;right:0}#minimize-chat-btn{position:absolute;right:20px;top:22px;font-size:21px!important}#chatbot-container #chat-header.chat-title.status.online{background-color:green; padding: 0px!important;}#chatbot-container #chat-header.chat-title.status.offline{background-color:#777}#chatbot-container #chat-content{flex:1;padding:10px;overflow-y:auto;display:flex!important;flex-direction:column;gap:10px;background-color:#f9f9f9}#chatbot-container #chat-content.message-container{display:flex;flex-direction:column;align-items:flex-start}#chatbot-container #chat-content.message-container.user{align-items:flex-end}#chatbot-container #chat-content.message-container.sender{font-size:12px;font-weight:700;color:#555;margin-bottom:0;background:#fff;border-radius:50px;border:1px solid #ebebeb}#chatbot-container #chat-content.message-container.message{max-width:70%;padding:5px 10px;border-radius:8px;font-size:14px;line-height:1.5;word-wrap:break-word}#chatbot-container #chat-content.message-container.message.bot{align-self:flex-start;background-color:#007aff;color:#FFF}#chatbot-container #chat-content.message-container.message.bot a{color:#fff}#chatbot-container #chat-content.message-container.message.user{align-self:flex-end;background-color:#ededed;color:#000}#chatbot-container #chat-content.message-container.hide-sender.sender{display:none}#chatbot-container #chat-content.typing{display:flex;gap:5px}#chatbot-container #chat-content.typing span{width:8px;height:8px;background-color:#bbb;border-radius:50%;-webkit-animation:typingBounce 1.2s infinite ease-in-out;animation:typingBounce 1.2s infinite ease-in-out}#chatbot-container #chat-content.typing span:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s}#chatbot-container #chat-content.typing span:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s}@-webkit-keyframes typingBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typingBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}#chatbot-container #chat-content.link-message{background-color:#f9f9f9;border-radius:15px;padding:15px;margin-top:10px;box-shadow:0 4px 8px rgb(0 0 0 / .1)}#chatbot-container #chat-content.link-message h4{margin:0 0 10px;font-size:16px;color:#333}#chatbot-container #chat-content.link-message ul{margin:0;padding:0 0 10px;list-style-type:disc;padding-left:20px;font-size:14px;color:#555}#chatbot-container #chat-content.link-message ul li{margin-bottom:5px}#chatbot-container #chat-content.link-message.link-button{display:inline-block;padding:10px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;text-align:center;font-size:14px}#chatbot-container #chat-content.link-message.link-button:hover{background-color:#0056b3}#chatbot-container #chat-input{display:flex;align-items:center;padding:10px;background-color:#FFF;border-top:1px solid #ddd}#chatbot-container #chat-input input::placeholder{color:#000}#chatbot-container #chat-input input{flex:1;padding:10px;padding-left:15px;border:none;border-radius:50px;background-color:#f1f1f1;font-size:14px;outline:none}#chatbot-container #chat-input button{margin-left:10px;background:none;border:none;cursor:pointer;margin-right:0;background:#0c2235;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}#chatbot-container #chat-input button img{width:50px;height:50px}.sender-row{display:flex;align-items:center;gap:5px;margin-bottom:5px}.sender-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.sender{font-weight:700;font-size:14px;color:#555}.link-message{display:none;background-color:#f9f9f9;border-radius:10px;padding:15px;margin:10px 0;box-shadow:0 4px 6px rgb(0 0 0 / .1);font-family:"Sour Gummy",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;line-height:1.5;max-width:90%}.link-title{font-size:16px;font-weight:700;margin-bottom:10px;color:#333}.benefits-list{list-style-type:disc;margin:0;padding-left:20px;margin-bottom:15px;font-size:14px;color:#555}.benefits-list li{margin-bottom:5px}.link-title{font-family:"Sour Gummy",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;color:#595959}.link-button_chat{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-family:"Sour Gummy",sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:600;border-radius:5px;padding:.5rem 1rem;transition:0.4s;width:100%;color:#fff;background:#3F37C9}.link-button_chat:hover{text-decoration:none;opacity:.8;color:#fff}.link-image-container{position:relative;width:100%;height:100px;margin-bottom:10px;overflow:hidden}.link-image-container img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.link-message.visible{display:block}.chatboard-full #chatbot{width:98.7%!important;height:96%!important;bottom:0!important}.chatboard-full{background-color:rgb(0 88 185/90%)}