html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif}
.grad{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 60%,#0ea5e9 100%)}
.card{transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px -10px rgba(30,58,138,.3)}
#chat-window{display:none;position:fixed;right:1rem;bottom:5.5rem;width:370px;max-width:calc(100vw - 2rem);height:540px;max-height:calc(100vh - 7rem);z-index:60}
#chat-window.open{display:flex}
@media(max-width:480px){#chat-window{right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0!important}}
.bubble{max-width:85%;padding:.55rem .8rem;border-radius:1rem;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}
.bot{background:#f1f5f9;color:#0f172a;border-bottom-left-radius:.25rem}
.user{background:#1d4ed8;color:#fff;margin-left:auto;border-bottom-right-radius:.25rem}
.dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;display:inline-block;animation:b 1s infinite}
.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}
@keyframes b{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}}