body{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100%}.chatbot{width:100%;max-width:380px;height:calc(100% - 20px);display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff;position:absolute;bottom:0;right:5px}.chatbot.minimized{height:auto;width:300px}.chatbot.minimized .chatbot-content,.chatbot.minimized .chatbot-footer{display:none}.chatbot-header{background-color:#007ACC;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.chatbot-toggle{cursor:pointer}.chatbot-title{font-weight:700}.chatbot-content{padding:10px;overflow-y:auto;flex-grow:1;background-color:#f9f9f9;display:flex;flex-direction:column}.message{margin:5px 0;padding:8px;border-radius:5px;max-width:calc(100% - 50px)}.message::first-letter{text-transform:uppercase}.bot-message{background-color:#e0e0e0;color:#000;align-self:flex-start}.bot-message.loading{animation:loadingAnimation 2s infinite ease-in-out}@keyframes loadingAnimation{0%,100%{opacity:1}50%{opacity:.5}}.user-message{background-color:#007bff;color:#fff;align-self:flex-end}.chatbot-footer{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid #ddd}#chat-input{flex-grow:1;padding:8px;border:1px solid #ccc;font-size:14px;border-radius:4px}#send-button{padding:8px;color:#fff;border:none;cursor:pointer;width:20px;height:20px;line-height:20px;background-color:#007ACC;border-radius:20px}.start-now ul{list-style-type:none;padding-left:10px}.footer p{text-align:center;color:#7f8c8d}@media (max-width:768px){.container{width:95%}.greeting h1{font-size:2rem}.sample-prompts h2,.start-now h2,.usage-guide h2{font-size:1.5rem}.category h3{font-size:1.3rem}}