html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#edecec}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:600px;margin:0 auto;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;height:100%;box-shadow:0 8px 25px #00000026;border-radius:10px}.Page{height:100%;display:flex;flex-direction:column;background-color:#fff}@media (max-width: 767px){.App{border-radius:0;box-shadow:none;max-width:100%;margin:0;height:100vh}}.App-header{background-color:#fdfaf2;padding:0 24px;height:60px;color:#4a4a4a;display:flex;align-items:center;flex-shrink:0;border-bottom:1px solid #e8e0d7;box-shadow:0 2px 4px #0000000a}.header-logo-container{width:36px;height:36px;background-image:url(/assets/image-D9CvRhQD.png);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:4px;margin-right:16px;flex-shrink:0}.header-text-content{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.header-title{font-size:16px;font-weight:700;color:#b38236;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-subtitle{font-size:12px;font-weight:500;color:#666;margin:2px 0 0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f9f9f9}.chat-container{display:flex;flex-direction:column;height:100%;position:relative}.chat-widget-close-button{position:absolute;top:10px;right:10px;z-index:100;background:#0000004d;color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;line-height:28px;text-align:center;cursor:pointer;box-shadow:0 1px 3px #0003;padding:0;display:flex;justify-content:center;align-items:center}.chat-widget-close-button:hover{background:#00000080}.messages{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.messages::-webkit-scrollbar-thumb{background:silver;border-radius:10px}.messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message{display:flex;max-width:100%}.message-content{padding:12px 18px;border-radius:16px;max-width:85%;position:relative;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 2px 4px #00000014;line-height:1.5}.message.user{justify-content:flex-end;align-self:flex-end;max-width:90%}.message.user .message-content{background-color:#b8860b;color:#fff}.message.bot{display:flex;flex-direction:row;align-items:flex-start;width:100%;max-width:100%}.message-bubble-container{display:flex;align-items:flex-start;max-width:90%;width:auto;position:relative}.message-bubble-container:before{content:"";display:block;width:36px;height:36px;background-image:url(/assets/image-D9CvRhQD.png);background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;margin-right:10px;flex-shrink:0;border:1px solid rgba(0,0,0,.05)}.message.bot .message-content{background-color:#fdfaf2;color:#3d3d3d;border:1px solid #eee6d7}.message-content a,.message-content a:visited{color:#007bff;text-decoration:underline}.message-content a:hover,.message-content a:active{color:#0056b3;text-decoration:none}.cta-area{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:12px;padding-bottom:5px;box-sizing:border-box}.message-divider{border:none;height:1px;background-color:#e8e0d0;width:calc(100% - 40px);margin:8px auto 15px}.cta-catchphrase{font-size:1em;color:#504238;margin-bottom:18px;margin-top:0;padding:0 15px;text-align:center}.cta-button-emphasis{padding:14px 30px;font-size:1.05em;font-weight:600;color:#fff;background-color:#b8860b;border:none;border-radius:16px;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;box-shadow:0 3px 8px #b8860b4d;animation:blink-glow-cta 1.2s infinite alternate ease-in-out}.cta-button-emphasis:hover{background-color:#a07409;transform:translateY(-1px);animation-play-state:paused}.cta-button-emphasis:active{background-color:#8c6507;transform:translateY(0);box-shadow:0 1px 4px #b8860b4d}@keyframes blink-glow-cta{0%,to{opacity:.8;box-shadow:0 0 5px #b8860b80,0 0 10px #b8860b4d,0 3px 8px #b8860b4d}50%{opacity:1;box-shadow:0 0 10px #b8860bb3,0 0 15px #b8860b80,0 0 5px #fff8e1b3,0 3px 8px #b8860b4d}}.input-form{display:flex;padding:15px 20px;border-top:1px solid #e0e0e0;background-color:#f0f0f0;gap:10px;flex-shrink:0}.input-form input[type=text]{flex-grow:1;padding:12px 15px 12px 20px;border:1px solid #dcdcdc;border-radius:8px;font-size:1em;transition:border-color .2s ease,box-shadow .2s ease}.input-form input[type=text]::placeholder{color:#9e9e9e;font-style:normal}.input-form input[type=text]:focus{outline:none;border-color:#b48a1e;box-shadow:0 0 0 2px #b48a1e4d}.input-form button{padding:12px 20px;background-color:#b8860b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.input-form button:disabled{background-color:#ccc;cursor:not-allowed}.input-form button:hover:not(:disabled){background-color:#a07409;transform:translateY(-1px)}.loading{display:flex;justify-content:center;align-items:center;padding:10px}.system-error{padding:10px 15px;background-color:#ffebee;color:#c62828;border-radius:8px;margin:5px 15px;text-align:center}.hp-chat-main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;background-color:#f9f9f9}.hp-launcher-container{position:fixed;bottom:20px;right:20px;z-index:10000}.hp-chat-widget-wrapper{position:fixed;bottom:20px;right:20px;z-index:10000;width:420px;height:680px;max-height:calc(100vh - 40px);background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden;display:flex;flex-direction:column}.service-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 24px 24px;box-sizing:border-box;width:100%;height:100%;text-align:center;overflow-y:auto}.service-selector-description{font-size:16px;color:#4a4a4a;line-height:1.65;margin-top:24px;margin-bottom:24px;max-width:420px;white-space:pre-wrap}.service-selector-options-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;max-width:380px;margin-top:16px}.service-card-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #00000014;width:100%}.service-card-button:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f;border-color:#b8860b}.service-card-text-content{display:flex;flex-direction:column}.service-card-title{font-size:17px;font-weight:600;color:#333;line-height:1.4;margin-bottom:4px}.service-card-subtitle{font-size:13px;color:#666;line-height:1.5}.service-card-arrow{font-size:20px;color:#b8860b;margin-left:16px;transition:transform .3s ease}.service-card-button:hover .service-card-arrow{transform:translate(4px)}.service-selector-cancel-button{margin-top:32px;background-color:#f0f0f0;color:#555;border:1px solid #ccc;padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;min-width:120px}.service-selector-cancel-button:hover{background-color:#e0e0e0;color:#333;border-color:#bbb}@media (max-width: 767px){.hp-chat-widget-wrapper{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;max-height:none!important;border-radius:0!important;box-shadow:none!important}.hp-chat-main-content{background-color:#fff}.service-selector-container{padding:20px;justify-content:center}.service-selector-description{font-size:15px;margin-top:20px;margin-bottom:20px}.service-selector-options-grid{gap:12px;max-width:100%}.service-card-button{padding:16px;border-radius:10px}.service-card-title{font-size:16px}.service-card-subtitle{font-size:12px}.service-card-arrow{font-size:18px;margin-left:12px}.service-selector-cancel-button{margin-top:24px}}.faq-selector-container{display:flex;flex-direction:column;gap:8px;margin-top:8px;margin-bottom:16px}.faq-button{background-color:#fff;border:1px solid #e0d8c5;color:#333;padding:10px 15px;border-radius:20px;cursor:pointer;text-align:left;font-size:.9rem;transition:background-color .2s ease-in-out}.faq-button:hover{background-color:#fff0f5}
