.chat-hero{padding:100px 2rem 60px;background:var(--gradient-hero);color:#fff;text-align:center;position:relative;overflow:hidden}.chat-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);border-radius:50%}.chat-hero-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:float-slow 6s ease-in-out infinite}.chat-hero-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem;letter-spacing:-.03em}.chat-hero-subtitle{font-size:1.25rem;font-weight:400;opacity:.8;margin-bottom:1.25rem}.chat-hero-desc{font-size:1rem;max-width:650px;margin:0 auto 2rem;line-height:1.7;opacity:.7}.chat-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.chat-badge{background:#ffffff14;padding:.45rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.chat-section{padding:80px 0;background:var(--gray-50)}.chat-container{max-width:900px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;border:1px solid var(--gray-200)}.chat-status{display:flex;align-items:center;gap:1.5rem;padding:2rem 2.5rem;background:var(--gradient-hero);color:#fff}.chat-avatar{position:relative;width:64px;height:64px;flex-shrink:0}.chat-avatar-inner{width:100%;height:100%;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid rgba(255,255,255,.2);overflow:hidden;backdrop-filter:blur(10px)}.chat-avatar-inner img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--accent-emerald);border-radius:50%;border:2.5px solid var(--gray-900);animation:pulse-dot 2s ease-in-out infinite}.chat-info{flex:1;min-width:0}.chat-info h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.chat-info-tagline{font-size:.85rem;opacity:.7;margin-bottom:.75rem}.chat-caps{display:flex;gap:.4rem;flex-wrap:wrap}.chat-cap{padding:.2rem .6rem;background:#ffffff1a;border-radius:12px;font-size:.7rem;font-weight:500;border:1px solid rgba(255,255,255,.1)}.chat-msg-count{text-align:center;flex-shrink:0}.chat-msg-count .count{font-size:1.5rem;font-weight:700;display:block}.chat-msg-count .label{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.chat-interface{display:flex;flex-direction:column;height:550px}.chat-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.chat-conn{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;color:var(--gray-600)}.conn-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald)}.conn-dot.busy{background:var(--accent-gold)}.conn-dot.error{background:var(--accent-rose)}.chat-actions{display:flex;gap:.25rem}.chat-action-btn{width:34px;height:34px;border:none;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-400);transition:all var(--transition-fast);font-size:.9rem}.chat-action-btn:hover{background:var(--gray-100);color:var(--gray-700)}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;background:var(--gray-50);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.msg-group{margin-bottom:1.25rem;animation:message-in .3s ease-out}.msg-timestamp{text-align:center;font-size:.7rem;color:var(--gray-400);margin-bottom:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.msg-bubble{max-width:80%;padding:1rem 1.25rem;border-radius:var(--radius-lg);word-wrap:break-word}.msg-ai .msg-bubble{background:#fff;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.msg-user{display:flex;justify-content:flex-end}.msg-user .msg-bubble{background:var(--gradient-primary);color:#fff}.msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.msg-sender{font-weight:600;font-size:.8rem;color:var(--gray-700)}.msg-user .msg-sender{color:#ffffffe6}.msg-time{font-size:.7rem;color:var(--gray-400)}.msg-user .msg-time{color:#fff9}.msg-text p{margin:0;line-height:1.6;font-size:.9rem}.chat-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.chat-chip{padding:.45rem .85rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--gray-600)}.chat-chip:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700);transform:translateY(-1px)}.chat-typing{display:none;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--gray-50)}.chat-typing.visible{display:flex}.typing-dots{display:flex;gap:3px}.typing-dots span{width:5px;height:5px;background:var(--gray-400);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-label{font-size:.8rem;color:var(--gray-500);font-weight:500}.chat-input-area{padding:1.25rem 1.5rem;background:#fff;border-top:1px solid var(--gray-200)}.chat-input-wrap{display:flex;align-items:flex-end;gap:.75rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:.625rem .875rem;transition:all var(--transition-fast)}.chat-input-wrap:focus-within{border-color:var(--primary-400);background:#fff;box-shadow:0 0 0 4px #6366f114}.chat-input{flex:1;border:none;background:transparent;resize:none;outline:none;font-size:.9rem;line-height:1.5;max-height:100px;font-family:inherit;color:var(--gray-800)}.chat-input::placeholder{color:var(--gray-400)}.chat-send{width:36px;height:36px;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:#fff;flex-shrink:0;font-size:1rem}.chat-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-input-footer{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.7rem;color:var(--gray-400);padding:0 .25rem}@media(max-width:768px){.chat-hero{padding:80px 1.25rem 50px}.chat-status{flex-direction:column;text-align:center;gap:1.25rem;padding:1.75rem}.chat-caps{justify-content:center}.chat-interface{height:480px}.msg-bubble{max-width:90%}.chat-messages,.chat-input-area{padding:1rem}.chat-section{padding:50px 0}}