body{margin:0;padding:0;box-sizing:border-box}.main-layout{min-height:100vh;display:flex;flex-direction:column;background-color:#f4f7f6}.content{flex-grow:1;display:flex;justify-content:center;align-items:flex-start;padding:20px}html,body{margin:0;padding:0;font-family:Arial,sans-serif}.chat-window{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0000001a;width:100%;max-width:600px;height:85vh;min-height:400px;display:flex;flex-direction:column;overflow:hidden}.chat-header{background-color:#007bff;color:#fff;padding:15px 20px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;align-items:center;gap:10px;font-size:1.2em;font-weight:700}.chat-messages{flex-grow:1;overflow-y:auto;padding:15px 20px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.chat-header span{font-size:1.5em}.chat-header h2{margin:0;font-size:1.2em}.message-row{display:flex;align-items:flex-end;margin-bottom:10px}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.avatar{width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.9em;color:#fff;flex-shrink:0;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Segoe UI Symbol,EmojiOne Color,Twemoji Mozilla,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.bot-avatar{background-color:#6c757d;margin-right:8px}.user-avatar{background-color:#28a745;margin-left:8px}.bot-message,.user-message{max-width:calc(75% - 38px);padding:10px 15px;border-radius:18px;line-height:1.4;word-wrap:break-word;text-align:left}.bot-message{background-color:#e2e2e2;color:#333}.user-message{background-color:#007bff;color:#fff}.initial-loading{font-style:italic;color:#888;padding:15px;text-align:center;background-color:#f0f0f0;border-radius:8px;margin:20px auto;max-width:80%}.initial-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:20px auto;background-color:#f8f9fa;border-radius:10px;max-width:90%;box-shadow:0 2px 5px #0000001a}.initial-loading-message{font-style:italic;color:#555;margin-top:10px;text-align:center;font-size:1.1em}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #007BFF;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-area{padding:15px 20px;background-color:#f0f0f0;border-top:1px solid #E2E2E2;display:flex;gap:10px;align-items:center;flex-shrink:0}.message-input{flex-grow:1;padding:12px 15px;border:1px solid #CED4DA;border-radius:25px;font-size:1em;outline:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.message-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.message-input::placeholder{color:#8a96a3}.send-button{background-color:#007bff;color:#fff;border:none;border-radius:25px;padding:12px 20px;font-size:1em;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out;outline:none;flex-shrink:0}.send-button:hover{background-color:#0056b3}.send-button:active{background-color:#004085;transform:translateY(1px)}.send-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:Arial,sans-serif}.chatbot-toggle-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:25px;height:25px;font-size:1em;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out;position:absolute;bottom:0;right:0;z-index:1001}.chatbot-toggle-button:hover{transform:scale(1.05)}.chatbot-window{background-color:#fff;border:1px solid #E0E0E0;border-radius:10px;box-shadow:0 8px 20px #00000026;width:350px;height:450px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease-in-out;transform-origin:bottom right}.chatbot-container.closed .chatbot-window{opacity:0;pointer-events:none;transform:scale(.8);visibility:hidden}.chatbot-container.open .chatbot-window{opacity:1;pointer-events:auto;transform:scale(1);visibility:visible}.chatbot-container.open .chatbot-toggle-button{bottom:470px;right:0;transform:scale(1.05)}.chatbot-header{background-color:#f8f9fa;padding:15px;border-bottom:1px solid #E0E0E0;text-align:center;flex-shrink:0}.chatbot-wrapper{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:Arial,sans-serif}.chatbot-open-button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:60px;height:60px;font-size:2.2em;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .2s ease-in-out}.chatbot-open-button:hover{transform:scale(1.1)}.chatbot-window{background-color:#fff;border:1px solid #E0E0E0;border-radius:10px;box-shadow:0 8px 20px #00000026;width:350px;height:450px;display:flex;flex-direction:column;overflow:hidden;position:absolute;bottom:0;right:0;transform-origin:bottom right;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}.chatbot-window.closed{opacity:0;pointer-events:none;transform:scale(.8);visibility:hidden}.chatbot-window.open{opacity:1;pointer-events:auto;transform:scale(1);visibility:visible}.chatbot-header{background-color:#f8f9fa;padding:15px;border-bottom:1px solid #E0E0E0;text-align:center;flex-shrink:0;position:relative}.chatbot-header h2{margin:0;color:#343a40;font-size:1.2em}.chatbot-close-button{background:none;border:none;color:#6c757d;font-size:1.8em;position:absolute;top:5px;right:10px;cursor:pointer;padding:5px;transition:color .2s ease}.chatbot-close-button:hover{color:#343a40}.chatbot-messages{flex-grow:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#fefefe}.message{max-width:80%;padding:10px 15px;border-radius:18px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.message.user{background-color:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.message.bot{background-color:#e9ecef;color:#343a40;align-self:flex-start;border-bottom-left-radius:5px}.chatbot-input{display:flex;padding:15px;border-top:1px solid #E0E0E0;background-color:#f8f9fa;flex-shrink:0}.chatbot-input input{flex-grow:1;padding:10px;border:1px solid #CED4DA;border-radius:20px;margin-right:10px;font-size:1em;outline:none}.chatbot-input input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.chatbot-input button{background-color:#28a745;color:#fff;border:none;border-radius:20px;padding:10px 15px;font-size:1em;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.chatbot-input button:hover{background-color:#218838}.chatbot-input button:disabled{background-color:#6c757d;cursor:not-allowed}.navbar{background-color:#343a40;padding:15px 20px;display:flex;justify-content:center;gap:30px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.nav-item{color:#fff;text-decoration:none;font-weight:700;font-size:1.1em;transition:color .2s ease-in-out}.nav-item:hover{color:#007bff}.footer{background-color:#343a40;color:#fff;padding:15px 20px;text-align:center;font-size:.9em;box-shadow:0 -2px 8px #0000001a;flex-shrink:0;margin-top:auto}.page-container{max-width:960px;margin:20px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d}.page-container h1{color:#007bff;text-align:center;margin-bottom:25px;font-size:2.5em}.page-container h2{color:#343a40;margin-top:30px;margin-bottom:15px;font-size:1.8em;border-bottom:1px solid #eee;padding-bottom:10px}.page-container p{line-height:1.6;color:#555;margin-bottom:15px}.page-container ul{list-style-type:disc;margin-left:20px;margin-bottom:15px;color:#555}.page-container li{margin-bottom:8px}.call-to-action{text-align:center;margin-top:40px}.call-to-action .btn{display:inline-block;background-color:#28a745;color:#fff;padding:12px 25px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.call-to-action .btn:hover{background-color:#218838}