static/style.css

body { font-family: 'Segoe UI', Arial, sans-serif; background: #f7f9fb; margin: 0; }
.chat-container { max-width: 480px; margin: 40px auto; background: #fff; border-radius: 10px; box-shadow: 0 2px 16px #cbd5e1; padding: 30px 24px; }
h2 { text-align: center; color: #2b6cb0; margin-bottom: 18px; }
.chat-box { min-height: 220px; max-height: 340px; overflow-y: auto; background: #f1f5fa; border-radius: 6px; padding: 16px; margin-bottom: 18px; border: 1px solid #cbd5e1; }
.user-msg { text-align: right; color: #2b6cb0; margin-bottom: 10px; }
.bot-msg { text-align: left; color: #222; margin-bottom: 10px; }
.bot-answer { font-weight: 500; }
#chat-form { display: flex; gap: 10px; }
#user-input { flex: 1; padding: 10px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 1em; }
button { background: #2b6cb0; color: #fff; border: none; border-radius: 6px; padding: 10px 18px; font-size: 1em; cursor: pointer; transition: background 0.2s; }
button:hover { background: #234e7d; }