.chatbot-container{position:fixed;bottom:30px;right:30px;z-index:9999;font-family:Roboto,sans-serif}.chatbot-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#8b5a2b,#5d4b33);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease;color:#fff;font-size:24px}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.4)}.chatbot-toggle.active{transform:scale(0);opacity:0}.chatbot-window{position:absolute;bottom:0;right:0;width:350px;height:500px;background-color:#1a1a1a;border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;transform:scale(0);opacity:0;transform-origin:bottom right;transition:transform .3s ease,opacity .3s ease;border:1px solid #333}.chatbot-window.active{transform:scale(1);opacity:1}.chatbot-header{background:linear-gradient(145deg,#8b5a2b,#5d4b33);color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px}.chatbot-title{font-weight:500;font-size:18px}.chatbot-close{cursor:pointer;font-size:20px;transition:transform .3s ease}.chatbot-close:hover{transform:scale(1.2)}.chatbot-body{flex:1;display:flex;flex-direction:column;padding:15px;background-color:#1a1a1a}.chatbot-messages{flex:1;overflow-y:auto;padding-right:5px;margin-bottom:15px}.chatbot-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-track{background:#1a1a1a}.chatbot-messages::-webkit-scrollbar-thumb{background:#333;border-radius:5px}.chatbot-message{margin-bottom:15px;padding:10px 15px;border-radius:18px;max-width:80%;word-wrap:break-word}.user-message{background-color:#8b5a2b;color:#fff;align-self:flex-end;margin-left:auto;border-bottom-right-radius:5px}.bot-message{background-color:#333;color:#fff;align-self:flex-start;margin-right:auto;border-bottom-left-radius:5px}.chatbot-input-container{display:flex;background-color:#333;border-radius:20px;padding:5px}.chatbot-input{flex:1;border:none;background-color:transparent;padding:10px 15px;color:#fff;font-size:14px;outline:0}.chatbot-input::placeholder{color:#999}.chatbot-send{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#8b5a2b,#5d4b33);border:none;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s ease}.chatbot-send:hover{transform:scale(1.1)}.typing-indicator{display:flex;align-items:center}.typing-indicator span{height:8px;width:8px;background-color:#999;border-radius:50%;display:inline-block;margin-right:5px;animation:typing 1.5s infinite ease-in-out}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s;margin-right:0}@keyframes typing{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@media (max-width:480px){.chatbot-window{width:300px;height:450px;bottom:10px;right:10px}.chatbot-toggle{width:50px;height:50px;font-size:20px;bottom:20px;right:20px}}@keyframes fadeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.chatbot-window.active{animation:fadeIn .3s ease forwards}