.chat-page{padding:60px 20px;background-color:#fff;color:#000;min-height:100vh;display:flex;flex-direction:column;align-items:center}.chat-page h2{font-size:40px;text-transform:uppercase;margin-bottom:30px;opacity:0;animation:fadeInDown 1s forwards}.chat-mode-toggle{margin-bottom:20px;opacity:0;animation:fadeInUp 1s forwards;animation-delay:.2s}.chat-mode-toggle label{font-size:14px;text-transform:uppercase;letter-spacing:1px}.chat-history{width:100%;max-width:800px;border:2px solid #000;border-radius:4px;padding:20px;height:400px;overflow-y:auto;margin-bottom:20px;background-color:#fff}.chat-bubble{padding:15px 20px;margin-bottom:15px;border-radius:4px;max-width:80%;font-size:16px;line-height:1.4;opacity:0;animation:fadeInUp .6s forwards}.chat-bubble.user{background-color:#000;color:#fff;margin-left:auto}.chat-bubble.bot{background-color:#fff;color:#000;border:1px solid #000;margin-right:auto}.chat-input{width:100%;max-width:800px;display:flex;gap:10px;opacity:0;animation:fadeInUp 1s forwards;animation-delay:.4s}.chat-input input{flex-grow:1;padding:15px;border:1px solid #000;border-radius:4px;font-size:16px;text-transform:uppercase;letter-spacing:1px}.chat-input button{padding:15px 30px;background-color:#000;color:#fff;border:none;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease}.chat-input button:hover{background-color:#fff;color:#000}.dummy-chat-1{margin:10px 0}.dummy-chat-2{padding:10px}.dummy-chat-3{border:1px solid #000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}