@import"https://fonts.googleapis.com/css2?family=DynaPuff&display=swap";.app-wrapper{display:flex;position:relative;justify-content:center;align-items:center;min-height:100vh;width:100%;overflow:hidden}.particles-bg{display:flex;position:fixed;inset:0;width:100%;height:100vh;pointer-events:none}.card-container{display:flex;position:relative;width:65%;height:65vh;padding:20px;border-radius:50px;flex-direction:row;background:#43434326;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.451)}.welcome-container{display:flex;flex-direction:column;justify-self:flex-start;width:50%;margin:30px}.welcome-title{font-size:2rem;font-family:DynaPuff}.welcome-text{font-size:1.2rem;font-family:DynaPuff;text-align:justify;width:80%;margin-top:100px;margin-bottom:50px;color:#fff}.animated-text-container{position:relative;display:flex;background-color:#1f004d;width:90%;border-radius:30px;padding:20px 80px 20px 30px;border:none!important;outline:none!important;box-shadow:none!important;align-items:center;color:#fff}.animated-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden}.enter-button{position:absolute;right:20px;top:50%;flex-shrink:0;margin-left:16px;border:none;transform:translateY(-50%)}.signup-container{display:flex;flex-direction:column;justify-self:flex-end;width:50%;margin:30px}.signup-title{font-size:2rem;font-family:DynaPuff}.signup-text{font-size:1.2rem;font-family:DynaPuff;align-self:center;margin-top:100px;margin-bottom:70px;text-align:justify;color:#fff}.signup-button{display:flex;align-self:center;padding:15px 20px;font-family:DynaPuff;font-size:16px;background:none;color:#fff;border-color:#1f004d;border-radius:10px;cursor:pointer;width:50%;height:10%;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:700}.signup-button:hover{background-color:#1f004d}.particles-container{position:absolute;inset:0;width:100%;height:100%}.text-type{display:inline-block;white-space:pre-wrap;font-family:DynaPuff}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}body{margin:0;display:flex;flex-direction:column;height:100vh}h1{color:#fff;font-size:16px}header{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-end;padding-top:10px;padding-bottom:10px;padding-right:40px;gap:10px}.dropdown{position:absolute;top:65px;right:0;margin-right:40px;background-color:#f0f8ff;width:15%;padding-top:10px;flex-direction:column;justify-content:flex-end;align-self:flex-end}.dropdown h1{padding-left:20px;padding-right:20px;color:#000;font-size:13px}.triangle{position:absolute;top:-10px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid aliceblue}hr{opacity:1;margin:5px 0;padding-left:20px;padding-right:20px}.exit-button{display:flex;flex-direction:row;border-width:0px;cursor:pointer;width:100%;height:30px;align-items:center;padding-left:20px}.exit-button:hover{background-color:#d4d4d4}.textAreaContainer{position:relative;width:50%}.textArea{display:flex;justify-content:center;align-items:flex-end;flex-shrink:0}.textArea textArea{background-color:#1f004d;scrollbar-color:#555 #1e1e1e;width:100%;font-size:large;font-family:Arial;resize:none;max-height:200px;color:#fff;border-radius:50px;padding:12px 48px 12px 12px;border:none!important;outline:none!important;box-shadow:none!important;align-content:center}.textArea textArea::-webkit-scrollbar{width:8px}.textArea textArea::placeholder{color:#fff;opacity:.8;padding-left:20px}.enterButton{position:absolute;right:20px;bottom:16px;background:transparent;border:none}.enterButton:hover{cursor:pointer}.enterButton:disabled{cursor:not-allowed}.chatContainer{display:flex;justify-self:center;flex-direction:column;width:50%;height:calc(90vh - 160px);overflow-y:auto;flex:1;margin-bottom:100px}.messageBubble{max-width:70%;padding:10px 14px;border-radius:14px;margin-bottom:8px;word-wrap:break-word}.userBubble{align-self:flex-end}.agentBubble{align-self:flex-start}.messageText{font-size:18px;color:#f5f5f5}.messageText ul,.messageText ol{padding-left:20px;font-family:Arial}.messageText li{margin-top:10px;margin-bottom:10px;font-family:Arial}.copyright{color:#fff;font-size:small;justify-self:center;opacity:.6;margin-top:8px}*{margin:0;padding:0;box-sizing:border-box}body{background:#12012b;width:100%;overflow-x:hidden}h1,h2,h3,p{font-family:arial}