Mr.Sit Chat<\/title>\n <style>\n :root {\n --primary-color: #E20A17;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: #f5f5f5;\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n }\n\n .chat-container {\n max-width: 750px;\n margin: 20px auto;\n border: 1px solid #eee;\n border-radius: 16px;\n height: 580px;\n display: flex;\n flex-direction: column;\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n background: #fff;\n }\n\n .chat-header {\n padding: 16px 20px;\n border-bottom: 1px solid #eee;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .chat-header .avatar {\n width: 40px;\n height: 40px;\n }\n\n .chat-header h1 {\n font-size: 18px;\n color: #1f2937;\n }\n\n .messages {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .message-wrapper {\n display: flex;\n gap: 12px;\n align-items: flex-start;\n animation: slideIn 0.4s ease-out;\n }\n\n .message-wrapper.user {\n flex-direction: row-reverse;\n }\n\n .avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: #f0f0f0;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n }\n\n .avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .bot-avatar {\n background: var(--primary-color);\n }\n\n .message {\n max-width: 70%;\n padding: 16px;\n border-radius: 12px;\n word-break: break-word;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n position: relative;\n line-height: 1.5;\n transform-origin: left center;\n animation: popIn 0.3s ease-out;\n }\n\n .message.user-message {\n background-color: var(--primary-color);\n color: white;\n border-top-right-radius: 4px;\n transform-origin: right center;\n }\n\n .message.assistant-message {\n background-color: #f8f9fa;\n color: #1f2937;\n border-top-left-radius: 4px;\n }\n\n .typing-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n background-color: #f8f9fa;\n border-radius: 12px;\n max-width: 100px;\n }\n\n .typing-avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n overflow: hidden;\n animation: bounce 1s infinite;\n }\n\n .typing-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-5px); }\n }\n\n @keyframes slideIn {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes popIn {\n from {\n opacity: 0;\n transform: scale(0.8);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n .input-container {\n display: flex;\n padding: 20px;\n gap: 12px;\n border-top: 1px solid #eee;\n background: #fff;\n border-radius: 0 0 16px 16px;\n }\n\n #messageInput {\n flex: 1;\n padding: 12px 16px;\n border: 2px solid #eee;\n border-radius: 8px;\n transition: all 0.3s ease;\n font-size: 14px;\n line-height: 1.5;\n resize: none;\n height: 48px;\n max-height: 120px;\n overflow-y: auto;\n }\n\n #messageInput:focus {\n outline: none;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 2px rgba(226, 10, 23, 0.1);\n }\n\n #sendButton {\n padding: 12px 24px;\n background-color: var(--primary-color);\n color: white;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-weight: 500;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n #sendButton:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(226, 10, 23, 0.2);\n }\n\n #sendButton:active {\n transform: translateY(1px);\n }\n\n #sendButton:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n\n .messages::-webkit-scrollbar {\n width: 6px;\n }\n\n .messages::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n\n .messages::-webkit-scrollbar-thumb {\n background: #ddd;\n border-radius: 3px;\n }\n\n .messages::-webkit-scrollbar-thumb:hover {\n background: #ccc;\n }\n\n .formatted-text {\n white-space: pre-line;\n }\n\n .formatted-text p {\n margin: 0 0 8px 0;\n }\n\n .formatted-text p:last-child {\n margin: 0;\n }\n\n .formatted-text ul, .formatted-text ol {\n margin: 8px 0;\n padding-left: 24px;\n }\n\n .formatted-text li {\n margin: 4px 0;\n }\n\n .formatted-text strong {\n font-weight: 600;\n }\n\n @media (max-width: 640px) {\n .chat-container {\n margin: 0;\n height: 100vh;\n border-radius: 0;\n }\n\n .message {\n max-width: 85%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"chat-container\">\n <div class=\"chat-header\">\n <div class=\"avatar bot-avatar\">\n <img decoding=\"async\" src=\"https:\/\/studyinturkiye.com\/wp-content\/uploads\/2024\/11\/64a60ea4-3689-4e2e-87fd-1f8c5f1aa1e9.png\" alt=\"Mr.Sit\" \/>\n <\/div>\n <h1>Chat with Mr.Sit<\/h1>\n <\/div>\n <div id=\"messages\" class=\"messages\"><\/div>\n <div class=\"input-container\">\n <textarea \n id=\"messageInput\" \n placeholder=\"Type your message...\" \n rows=\"1\"\n onInput=\"this.style.height = '';this.style.height = this.scrollHeight + 'px'\"\n ><\/textarea>\n <button id=\"sendButton\" disabled>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Chat With Mr.Sit your AI guide designed to kickstart your educational journey in Turkiye! Whether you\u2019re curious about universities, tuition fees, or anything else related to studying in Turkiye, I\u2019m here to provide all the answers you need. Let\u2019s explore your opportunities together!<\/p>\n","protected":false},"author":15,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"page-type":[],"class_list":["post-174385","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/pages\/174385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/comments?post=174385"}],"version-history":[{"count":0,"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/pages\/174385\/revisions"}],"wp:attachment":[{"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/media?parent=174385"}],"wp:term":[{"taxonomy":"page-type","embeddable":true,"href":"https:\/\/studyinturkiye.com\/fa\/wp-json\/wp\/v2\/page-type?post=174385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}