.chat-widget{position:fixed;bottom:var(--chat-widget-bottom, 16px);right:var(--chat-widget-right, 16px);z-index:1002}.chat-button{width:56px;height:56px;background:linear-gradient(135deg,#1a472a,#15803d,#166534);border:2px solid #fbbf24;border-radius:50%;cursor:pointer;box-shadow:0 4px 20px #16653466,0 0 15px #fbbf244d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;animation:button-glow 3s ease-in-out infinite;z-index:1}.chat-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,#fbbf24,#fcd34d,transparent,#fbbf24,transparent);animation:rotate-border 4s linear infinite;opacity:.7}.chat-button:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:linear-gradient(135deg,#1a472a,#15803d,#166534);border-radius:50%;z-index:1}.chat-icon{position:relative;z-index:2;width:28px;height:28px}.chat-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #16653480,0 0 20px #fbbf2466}.chat-button.hidden{transform:scale(0);opacity:0}.chatbox{position:fixed;bottom:0;right:0;width:calc(100vw - 24px);height:70vh;max-height:500px;background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:2px solid #22c55e;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px #22c55e26,0 0 30px #22c55e1a;transform:translateY(100%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;z-index:2}.chatbox.open{transform:translateY(0);opacity:1}.chatbox-header{background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:14px 14px 0 0;border-bottom:2px solid #fbbf24;box-shadow:0 2px 10px #15803d33;flex-shrink:0}.header-content{display:flex;align-items:center;gap:12px}.header-icon{width:24px;height:24px;flex-shrink:0}.header-title{font-weight:600;font-size:18px}.close-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.close-button:hover{background:#fbbf2433;border-color:#fbbf2480}.chat-messages{flex:1;padding:16px;overflow-y:auto;background:linear-gradient(to bottom,#f0fdf4,#ecfdf5)}.message{margin-bottom:16px;display:flex;gap:8px;animation:message-in .35s ease-out}.message.user{flex-direction:row-reverse}.message-bubble{max-width:85%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.message.bot .message-bubble{background:linear-gradient(135deg,#fff,#f9fafb);color:#1f2937;box-shadow:0 2px 8px #22c55e1a;border:1px solid #bbf7d0}.message.user .message-bubble{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 2px 8px #22c55e4d}.message.typing .message-bubble{display:inline-flex;align-items:center;padding:12px 18px}.typing-dots{display:inline-flex;gap:6px}.typing-dot{width:6px;height:6px;background:#22c55e;border-radius:999px;opacity:.7;animation:typing-bounce 1.1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.faq-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.faq-button{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;text-align:left;cursor:pointer;transition:all .2s;font-size:14px;color:#334155;box-shadow:0 1px 3px #0000001a;min-height:48px;display:flex;align-items:center}.faq-button:hover,.faq-button:active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.back-button{background:#e2e8f0;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-size:14px;color:#64748b;margin-bottom:12px;transition:all .2s;min-height:44px;display:flex;align-items:center}.back-button:hover,.back-button:active{background:#cbd5e1}.answer-text{white-space:pre-line}@keyframes button-glow{0%,to{box-shadow:0 4px 20px #16653466,0 0 15px #fbbf244d}50%{box-shadow:0 6px 25px #16653499,0 0 25px #fbbf2480}}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bubble-main{animation:bubble-float 3s ease-in-out infinite}.bubble-dots{animation:dots-wave 2.5s ease-in-out infinite}.bubble-dot-1{animation:dot-dance-1 2.2s ease-in-out infinite}.bubble-dot-2{animation:dot-dance-2 2.2s ease-in-out infinite}.bubble-dot-3{animation:dot-dance-3 2.2s ease-in-out infinite}@keyframes bubble-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}50%{transform:translateY(-1px) rotate(0)}75%{transform:translateY(-3px) rotate(-1deg)}}@keyframes dots-wave{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes dot-dance-1{0%,60%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-3px) scale(1.2)}40%{transform:translateY(-1px) scale(.9)}}@keyframes dot-dance-2{0%,60%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-4px) scale(1.3)}50%{transform:translateY(-2px) scale(.8)}}@keyframes dot-dance-3{0%,60%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.1)}60%{transform:translateY(-1px) scale(.95)}}@keyframes message-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.chat-button,.chat-button:before,.chat-button:after,.bubble-main,.bubble-dots,.bubble-dot-1,.bubble-dot-2,.bubble-dot-3,.typing-dot,.chat-widget .message{animation:none!important}.chat-button,.chatbox,.close-button,.faq-button,.back-button{transition:none!important}}@media (min-width: 768px){.chat-widget{bottom:24px;right:24px}.chat-button{width:64px;height:64px}.chat-icon{width:32px;height:32px}.chatbox{position:absolute;bottom:0;right:0;width:400px;height:600px;border:2px solid #22c55e;border-radius:16px;box-shadow:0 20px 60px #22c55e26,0 0 40px #22c55e1a;transform:scale(0) translateY(20px);transform-origin:bottom right}.chatbox.open{transform:scale(1) translateY(0)}}@media (max-width: 320px){.chat-widget{bottom:12px;right:12px}.chat-button{width:50px;height:50px}.chat-icon{width:24px;height:24px}.chatbox{width:calc(100vw - 16px);height:60vh;max-height:400px}}