:root{--chat-primary: #3b82f6;--chat-bg: #0a0a0f;--chat-glass: rgba(20, 20, 25, .95);--chat-border: rgba(255, 255, 255, .1);--chat-text: #ffffff;--chat-user-msg: #3b82f6;--chat-bot-msg: #1f2937}.chat-widget{position:fixed;bottom:2rem;right:2rem;z-index:9999;font-family:Outfit,sans-serif}.chat-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--chat-primary),#8b5cf6);border:none;cursor:pointer;box-shadow:0 4px 20px #3b82f680;display:flex;align-items:center;justify-content:center;transition:transform .3s}.chat-toggle:hover{transform:scale(1.1)}.chat-toggle svg{width:30px;height:30px;fill:#fff}.chat-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:var(--chat-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--chat-border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000080;opacity:0;transform:translateY(20px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.chat-window.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header{padding:1rem;background:#ffffff0d;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between}.chat-title h3{font-size:1rem;margin:0;color:#fff}.chat-title span{font-size:.8rem;color:#4ade80;display:flex;align-items:center;gap:4px}.chat-title span:before{content:"";width:8px;height:8px;background:#4ade80;border-radius:50%}.chat-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.8rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.4;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.bot{background:var(--chat-bot-msg);color:var(--chat-text);align-self:flex-start;border-bottom-left-radius:2px}.message.user{background:var(--chat-user-msg);color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.typing-indicator{display:flex;gap:4px;padding:.8rem 1rem;background:var(--chat-bot-msg);border-radius:12px;align-self:flex-start;width:fit-content;margin-bottom:1rem}.typing-dot{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{padding:1rem;border-top:1px solid var(--chat-border);display:flex;gap:.5rem}.chat-input{flex:1;background:#ffffff0d;border:1px solid var(--chat-border);border-radius:999px;padding:.6rem 1rem;color:#fff;outline:none;font-family:inherit;font-size:.9rem}.chat-input::placeholder{color:#6b7280}.chat-send{background:var(--chat-primary);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-send:hover{background:#2563eb}.chat-send svg{width:18px;height:18px;fill:#fff;margin-left:2px}@media(max-width:480px){.chat-window{width:calc(100vw - 40px);bottom:90px;right:0}}