*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,sans-serif;background-color:#1a1a2e;display:flex;justify-content:center;align-items:center;height:100vh}main{background-color:#162447;color:#fff;margin:1.5rem;padding:1.5rem;width:450px;height:90vh;border-radius:20px;box-shadow:0 10px 20px #0000004d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.app-header{text-align:center;margin-bottom:1rem}.app-header h1{font-size:1.8rem;color:#ff9800}.app-header p{font-size:1rem;color:#b0bec5}.conversation-container{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1;max-height:70vh;width:100%;padding-right:10px}.conversation-container::-webkit-scrollbar-thumb{background-color:#ff9800;border-radius:3px}.conversation-container::-webkit-scrollbar-track{background:#1f4068}article.user-message,article.ai-message{position:relative;margin:8px 10px;padding:12px;border-radius:10px;max-width:85%;word-wrap:break-word;overflow-wrap:break-word}.conversation-container::-webkit-scrollbar{width:6px}.conversation-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff9800,#ff5722);border-radius:10px}.conversation-container::-webkit-scrollbar-track{background:#1f4068;border-radius:10px}.ai-message{background-color:#2f3e46;color:#e0f7fa;align-self:flex-start}.user-message{background-color:#ff9800;color:#fff;align-self:flex-end}.chatbot-input-container{display:flex;align-items:center;margin-top:1rem}input[type=text]{flex-grow:1;padding:12px;font-size:1rem;border:none;border-radius:20px;outline:none;background-color:#1f4068;color:#fff}input::placeholder{color:#b0bec5}.submit-btn{background-color:#ff9800;border:none;padding:10px 12px;margin-left:8px;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover{background-color:#e68900}.send-btn-icon{width:20px;display:block}