*{box-sizing:border-box}.app{min-height:100vh;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(124,58,237,.16),transparent 32%),radial-gradient(circle at 85% 75%,rgba(37,99,235,.12),transparent 30%),#07070b}.navbar{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:#07070bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.logo{font-size:23px;font-weight:800;letter-spacing:2px}.logo span{color:#8b5cf6}.backend-status{display:flex;align-items:center;gap:8px;color:#999;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55ecc}.main{width:100%;padding:55px 20px 80px;display:flex;flex-direction:column;align-items:center}.hero{max-width:760px;text-align:center;margin-bottom:40px}.badge{display:inline-block;padding:8px 15px;border-radius:30px;border:1px solid rgba(139,92,246,.3);background:#8b5cf614;color:#b8a4ff;font-size:11px;letter-spacing:1.5px;margin-bottom:20px}.hero h1{margin:0;font-size:clamp(45px,7vw,75px);line-height:1;letter-spacing:-3px}.hero h1 span{display:block;background:linear-gradient(90deg,#fff,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:620px;margin:22px auto 0;color:#8d8d98;font-size:16px;line-height:1.7}.chat-box{width:min(900px,100%);height:650px;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:#111118eb;box-shadow:0 35px 100px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-header{min-height:76px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.agent{display:flex;align-items:center;gap:12px}.agent-icon{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#4f46e5);font-size:12px;font-weight:800}.agent h2{margin:0;font-size:15px}.agent p{margin:4px 0 0;color:#70707b;font-size:11px}.online{display:flex;align-items:center;gap:7px;color:#777;font-size:11px}.online span{width:7px;height:7px;border-radius:50%;background:#22c55e}.messages{flex:1;overflow-y:auto;padding:25px}.welcome{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ai-circle{width:65px;height:65px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.22);color:#a78bfa;font-size:30px;margin-bottom:18px;box-shadow:0 0 35px #8b5cf626}.welcome h2{margin:0 0 8px;font-size:21px}.welcome p{max-width:430px;color:#70707b;font-size:13px;line-height:1.6}.message-row{display:flex;align-items:flex-end;gap:9px;margin-bottom:18px}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.mini-ai{width:31px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#6d42db;font-size:9px;font-weight:800}.message{max-width:75%;padding:12px 15px;border-radius:16px;font-size:14px;line-height:1.6;white-space:pre-wrap}.message-row.user .message{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-bottom-right-radius:4px}.message-row.assistant .message{color:#ddd;background:#1d1d26;border:1px solid rgba(255,255,255,.05);border-bottom-left-radius:4px}.typing{display:flex;align-items:center;gap:5px}.typing span{width:5px;height:5px;border-radius:50%;background:#888;animation:typing 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.input-area{margin:0 18px;min-height:60px;display:flex;align-items:center;gap:9px;padding:6px 7px 6px 10px;border-radius:16px;background:#14141b;border:1px solid rgba(255,255,255,.08)}.input-area textarea{flex:1;resize:none;outline:none;border:none;background:transparent;color:#fff;font-size:14px;line-height:1.5;padding:10px 0}.input-area textarea::placeholder{color:#5f5f69}.mic-button{width:43px;height:43px;flex-shrink:0;border:none;border-radius:12px;background:#ffffff0f;color:#fff;font-size:18px;cursor:pointer;transition:.25s}.mic-button:hover{background:#8b5cf633;transform:scale(1.04)}.mic-button.listening{background:#ef4444;box-shadow:0 0 25px #ef444473;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.08)}}.send-button{width:43px;height:43px;flex-shrink:0;border:none;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:17px;cursor:pointer}.send-button:disabled{opacity:.35;cursor:not-allowed}.input-info{display:flex;justify-content:space-between;color:#50505a;font-size:10px;padding:9px 4px 12px}@media(max-width:700px){.navbar{padding:0 18px}.main{padding:35px 12px 50px}.hero h1{letter-spacing:-2px}.hero p{font-size:14px}.chat-box{height:620px;border-radius:18px}.messages{padding:15px}.message{max-width:85%;font-size:13px}.input-area{margin:0 10px}}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;font-family:Inter,Arial,Helvetica,sans-serif}body{min-width:320px;min-height:100vh}button,textarea{font-family:inherit}