.App{background:linear-gradient(145deg,#fffd,#f9f5ffcc);border-radius:18px;box-shadow:0 8px 28px #00000040;width:100%;max-width:480px;padding:35px 25px;display:flex;flex-direction:column;box-sizing:border-box;min-height:620px;transition:transform .3s ease,box-shadow .3s ease}.App:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000004d}h3{margin:0 0 25px;text-align:center;font-size:1.9rem;color:#4a148c;font-weight:800;letter-spacing:.5px;text-shadow:1px 1px 2px #d1c4e9}input[type=text]{border-radius:25px;border:1.8px solid #4a148c;padding:14px 20px;font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease;background-color:#fff}input[type=text]:focus{border-color:#7b1fa2;box-shadow:0 0 6px #7b1fa299}button{background:linear-gradient(135deg,#7b1fa2,#4a148c);border:none;padding:14px 20px;margin-top:20px;color:#fff;font-size:1rem;font-weight:600;border-radius:25px;cursor:pointer;transition:background .3s ease,transform .2s ease}button:hover{background:linear-gradient(135deg,#4a148c,#7b1fa2);transform:scale(1.05)}button:disabled{background-color:#ccc;cursor:not-allowed}.chat-container{min-height:400px;max-height:420px;overflow-y:auto;border:none;border-radius:14px;padding:18px;background:#f3e5f5cc;box-shadow:inset 0 0 8px #b39ddb;margin-bottom:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-message{margin:12px 0;display:flex;align-items:flex-start;animation:fadeInUp .4s ease}.chat-message.bot{justify-content:flex-start}.chat-message.user{justify-content:flex-end}.chat-message span{border-radius:20px;padding:10px 15px;max-width:75%;font-size:1rem;line-height:1.4;word-wrap:break-word;box-shadow:0 2px 6px #00000026}.chat-message.bot span{background-color:#ede7f6;color:#311b92}.chat-message.user span{background-color:#d1c4e9;color:#4a148c}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeQuestion{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-message.bot.current-question span{background:linear-gradient(145deg,#ede7f6,#f8f5fc);color:#311b92;animation:fadeQuestion .5s ease;font-weight:600;border:2px solid #d1c4e9}@media only screen and (max-width: 480px){.App{padding:20px 15px;min-height:520px}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#7b1fa2,#4a148c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a148c,#7b1fa2)}html{scroll-behavior:smooth}