@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.navbar{height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-weight:700;font-size:20px;box-shadow:0 6px 20px #2563eb59}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:linear-gradient(180deg,#f8fafc,#eef2ff);color:#0f172a}.chat-card{max-width:700px;margin:40px auto;background:#fff;border-radius:20px;box-shadow:0 30px 60px #00000014;padding:24px;display:flex;flex-direction:column;height:70vh}.messages{flex:1;overflow-y:auto;padding-right:6px}.message{max-width:75%;padding:12px 16px;margin-bottom:12px;border-radius:16px;line-height:1.4}.message.user{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;align-self:flex-end}.message.bot{background:#f1f5f9;color:#0f172a;align-self:flex-start}.input-row{display:flex;gap:12px;margin-top:16px}.input-row input{flex:1;padding:14px 16px;border-radius:14px;border:1px solid #cbd5e1;font-size:15px}.input-row button{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;border:none;padding:14px 22px;border-radius:14px;font-weight:600;cursor:pointer}.input-row button:hover{box-shadow:0 10px 30px #2563eb73}