:root{--primary-blue: #3076f8;--navy-blue: #0b3686;--primary-gradient: linear-gradient(90deg, #3076f8, #fb62f6);--dark-gradient: linear-gradient(90deg, #000f2b, #1e001d);--black: #1e1e1e;--grey: #f2f4f8;--white: #ffffff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{height:100%;width:100%}#root{max-width:1280px;margin:0 auto;padding:0rem;text-align:center}.logo{height:6em;padding:.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.footer-svg-wave{position:absolute;bottom:-7px;left:0;width:100%;height:auto}.boat-main-container .down-button{position:absolute;top:20px;right:20px}.qualysec-logo{width:135px;height:auto;margin-top:10px}.chatbot-container{height:100%;width:600px;background:linear-gradient(to top right,#3076f8,#fb62f6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px 0 0;text-align:center;border-radius:25px 25px 0 0;overflow:hidden;position:relative;height:86.9vh;width:83%;max-width:450px}.chatbot-text-content{padding:30px 30px 0;max-width:400px;border-radius:20px}.chatbot-text-content h2{font-size:24px;font-weight:700;margin-bottom:10px}.powered-by{margin-top:0;display:flex;align-items:center;justify-content:center}.subtext{font-size:14px;margin-bottom:30px;color:#f0f0f0}.chatbot-text-content a{margin-top:15px}.get-going-button{background-color:#fff;color:#3076f8;border:none;padding:12px 24px;border-radius:30px;font-weight:700;font-size:14px;cursor:pointer;margin-bottom:30px;transition:.3s ease}.get-going-button:hover{background-color:#f0f0f0}.logo-image{width:110px;height:auto}.arrow-wrapper{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3076f8,#fb62f6);border-radius:50%;width:30px;height:30px}.get-going-button{position:relative;display:inline-flex;align-items:center;gap:10px;padding:6px 15px;background:#fff;color:#333;font-size:16px;font-weight:600;border-radius:50px;cursor:pointer;text-decoration:none;z-index:1;border:none;margin-top:20px;transition:all .3s ease}.get-going-button:before{content:"";position:absolute;inset:-6px;border-radius:60px;padding:2px;background:#fff;opacity:0;transition:opacity .4s ease-in-out;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.get-going-button:hover:before{opacity:1}@media (min-width: 600px){.chatbot-container{min-height:80dvh}.powered-by{margin-top:23px}}.boat-main-container{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0}.chatbot-container{flex:1;max-width:600px;width:100%;height:calc(100vh - 20px);border-radius:25px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px #00000026;background:linear-gradient(146deg,#fb62f6,#fff)}.chatbot-container{background:linear-gradient(to top right,#3076f8,#fb62f6)}@media screen and (max-width: 430px){.chatbot-container{max-width:100%;border-radius:20px 20px 0 0;display:unset}.powered-by{margin-top:17px}}@media screen and (min-width: 431px) and (max-width: 768px){.chatbot-container{max-width:100%;border-radius:20px}}.chatbot-body-container{display:flex;justify-content:center;align-items:center;height:100vh;box-sizing:border-box}.chat-screen{position:relative;height:90.47vh;width:460px;max-width:450px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;border-radius:30px;padding:0 16px;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000026;z-index:1;background:linear-gradient(146deg,#fb62f6,#fff)}.chat-screen:before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:300px;background:radial-gradient(circle,#3076f8a3 100%,transparent 70%);z-index:0;filter:blur(100px);opacity:.7}.chat-header,.chat-body,.chat-input-area{position:relative;z-index:1}.chat-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.2);z-index:10}.chat-header h3:focus{outline:2px solid #a12afc;outline-offset:4px;border-radius:4px}.header-left{display:flex;align-items:center;gap:12px}.chat-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.online-status{font-size:12px;color:#d4f4ff;margin:0;text-align:left}.back-button,.down-button{align-items:center;justify-content:center;display:flex;background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease}.back-button img,.down-button img{width:15px}.back-button:hover,.down-button:hover{background:#0000000d}.chat-details-box{display:flex;align-items:center;gap:10px}.chat-input-area .EmojiPickerReact{height:339px!important;width:100%!important}.chat-input-area .emoji-picker-popup{position:absolute;bottom:50px;right:-23px}.email-verify{background:#fffffff2;border-radius:16px;padding:8px 12px;font-size:12px;color:#333;margin-top:8px;box-shadow:0 2px 4px #0000001a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:35px 0;width:100%}.chat-body::-webkit-scrollbar{width:0}.chat-body::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.chat-message{max-width:64%;padding:10px 16px;border-radius:16px;font-size:11px;line-height:1.4;box-shadow:0 2px 6px #00000014;position:relative}.chat-message.bot{align-self:flex-start;background-color:#ffffffb3;color:#333;border-top-left-radius:0}.chat-message.user{align-self:flex-end;background-color:#a12afc;color:#fff;border-top-right-radius:0}.message-text{margin:0;text-align:left}.message-text span{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.timestamp{font-size:10px;color:#00000080;margin-top:4px;text-align:right}.timestamp.bot{text-align:left}.chat-input-area{display:flex;padding:12px;background:#ffffff1a;border-radius:30px;margin:10px 0 16px;align-items:center;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003}.chat-input{flex:1;border:none;outline:none;background:transparent;color:#1a1a40;font-size:14px;padding:8px;font-weight:500}.chat-input::placeholder{color:#888}.send-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:10px 20px;background:var(--primary-gradient);color:var(--white);border:none;border-radius:10px;cursor:pointer;font-family:Orbitron,sans-serif;box-shadow:0 0 10px #6496ffb3}.send-button img{width:18px;height:18px}.send-button:hover{background:#3b7de0;transform:scale(1.1)}.typing-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fffffff2;border-radius:16px;max-width:fit-content;margin:8px 0}.typing-indicator span{width:7px;height:7px;background:#a12afc;border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.emoji-container{position:relative}.emoji-button{background:none;border:none;padding:8px;cursor:pointer}.emoji-button img{width:20px;height:20px}.emoji-picker-popup{position:absolute;bottom:50px;right:10px;z-index:1000}button:focus,button:focus-visible{outline:none}@media screen and (min-width: 360px) and (max-width: 560px){.chat-screen{position:relative;height:90vh;width:100%}.chatbot-body-container{display:flex;justify-content:center;align-items:center;height:100vh;box-sizing:border-box;min-width:50dvh}}.chatbot-body-container{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0;height:calc(100vh + -0px)}.chat-screen{flex:1;max-width:600px;width:100%;height:100%;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px #00000026;background:linear-gradient(146deg,#fb62f6,#fff)}.chat-message.admin{align-self:flex-start;background-color:#e2eefc;color:#333;border-top-left-radius:0}.chat-message.admin .message-text{color:#5e35f0}.sender-label{font-size:.8em;font-weight:700;margin-bottom:5px;opacity:.8;text-align:right}.popup-card{position:relative;width:100%;padding:40px 20px 25px;border-radius:25px;margin-bottom:50px;background:linear-gradient(135deg,#3076f8,#fb62f6);box-shadow:0 10px 40px #00000040;color:#fff;text-align:center}.icon-wrapper{position:absolute;top:-35px;left:50%;transform:translate(-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#3076f8,#fb62f6);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0003}.icon-wrapper img{width:70px}.user-image-circle{border-radius:50%;object-fit:cover}.popup-title{margin-top:25px;margin-bottom:15px;font-size:16px;font-weight:600}.input-wrapper{display:flex;align-items:center;background:#fff;border-radius:10px;padding:8px 10px;margin-bottom:25px}.input-wrapper input{flex:1;border:none;outline:none;font-size:14px;color:#333;background-color:#fff}.clear-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#666}.btn-group{display:flex;justify-content:space-between;gap:12px}.cancel-btn,.send-btn{flex:1;padding:10px 0;border-radius:12px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:.3s}.cancel-btn{background:#fff3;color:#fff}.send-btn{background:linear-gradient(135deg,#747bff7d,#3076f8);color:#fff}.cancel-btn:hover{background:#ffffff59}.send-btn:hover{background:linear-gradient(193deg,#c084fc,#3076f8a3)}.user-mail-popup-overlay{position:absolute;bottom:25px;left:0;margin:10px;right:0;display:flex;justify-content:center;z-index:1000}