.chat-container{color:#fff;background:#000;flex-direction:column;max-width:600px;height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0a0a0af2;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:15px 20px;display:flex}.bot-avatar{background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.chat-title{font-size:.95rem;font-weight:600}.chat-status{color:#0f8;align-items:center;gap:4px;font-size:.75rem;display:flex}.status-dot{background:#0f8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 5px #0f8}.messages-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message{opacity:0;border-radius:18px;max-width:85%;padding:12px 16px;font-size:1rem;line-height:1.5;animation:.3s ease-out forwards slideUp;transform:translateY(10px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.message.bot{color:#eee;background:#1a1a1a;border-bottom-left-radius:4px;align-self:flex-start}.message.user{color:#fff;background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);border-bottom-right-radius:4px;align-self:flex-end}.typing-indicator{background:#1a1a1a;border-radius:18px 18px 18px 4px;align-self:flex-start;gap:4px;width:fit-content;margin-bottom:5px;padding:12px 16px;display:flex}.typing-dot{background:#fff6;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-top:1px solid #ffffff1a;padding:20px}.options-grid{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.option-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:12px 20px;font-size:.95rem;transition:all .2s}.option-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.option-btn.primary{color:#0f8;background:0 0;border-color:#0f8}.option-btn.primary:hover{background:#00ff881a}.result-card{text-align:center;background:#111;border:1px solid #ffffff1a;border-radius:24px;margin-top:20px;padding:30px;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-icon{margin-bottom:20px;font-size:3rem;display:block}.result-title{color:#fff;margin-bottom:12px;font-size:1.4rem}.result-text{color:#ffffffb3;margin-bottom:30px;line-height:1.6}.result-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:1.1rem;font-weight:700;transition:transform .2s}.btn-success{color:#000;background:linear-gradient(135deg,#0f8 0%,#00cc6a 100%);box-shadow:0 4px 15px #00ff884d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86}.btn-outline{color:#fff;background:0 0;border:1px solid #ffffff4d}.btn-outline:hover{background:#ffffff0d}