:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#ebecee;--primary: #00c2a8;--secondary: #0084ff;--accent: #f9a826;--bubble: #e6f2ff;--neutral: #fafafa;--black: #121212}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}.alert{display:flex;background-color:#f64141}.header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background-color:var(--secondary);padding:8px;width:100%;border-bottom:4px solid var(--accent);z-index:100}.header #leftmodal{width:12%;background-color:transparent;border:none;font-size:1.2rem}.header h3{font-size:2.2rem;font-weight:700;align-self:center;color:var(--neutral)}.header #emergency{background-color:red;border:none;border-radius:6px;color:var(--neutral);width:12%;padding:5px}.slider{display:flex;flex-direction:column;align-items:center;padding-top:2.8rem}.intro-header{display:flex;flex-direction:column;align-items:center}.intro-header span{font-size:1rem;font-style:italic;font-weight:300}.sentry{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.sentry img{height:20rem}.sentry h2{color:var(--neutral)}.slider .text{display:flex;flex-direction:column;align-items:center;margin-top:1rem;width:100%}.text span{font-size:1.2rem;font-style:italic;font-weight:300;margin:1rem 0;color:var(--black)}.text p{background:#a09f9f52;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(.9px);-webkit-backdrop-filter:blur(.9px);border:1px solid rgba(160,159,159,.69);width:90%;border:1px solid var(--neutral);border-radius:6px;padding:12px;text-align:center;font-size:1rem;margin-bottom:2rem}.slider button{width:60%;color:var(--neutral);background-color:var(--secondary);padding:10px;border:none;border-radius:20px;font-size:1.1rem;transition:.2s all ease-in}.slider button:hover{width:62%;padding:11px;background-color:var(--secondary)}.messages{display:flex;flex-direction:column;position:fixed;top:70px;bottom:80px;padding:12px;overflow-y:auto}.message{max-width:80%;padding:10px 14px;border-radius:14px;line-height:1.4;font-size:14px;display:flex}.bot{background-color:var(--bubble);border-bottom-left-radius:4px;align-self:flex-start;display:flex;justify-content:flex-start;margin:1.2rem 0}.user{background-color:var(--bubble);margin-left:auto;align-self:flex-end;border-bottom-right-radius:4px;display:flex;justify-content:flex-end}.input-area{position:fixed;left:0;right:0;bottom:0;background-color:var(--bubble);padding:10px;display:flex;gap:6px;z-index:100}#chat-input{display:flex;resize:none;flex:.9;padding:6px;border-radius:20px;outline:none;border:2px solid var(--neutral)}#chat-btn{flex:.2;padding:1px;font-size:1.4rem;background-color:var(--secondary);color:var(--neutral);border:none;border-radius:50%}#chatinput::placeholder{font-size:1rem}h5{font-size:1.4rem}h5 span{font-size:1.6rem;color:var(--secondary)}.modal-body .form{display:flex;flex-direction:column;width:100%}.modal-body .form .form-control{display:flex;flex-direction:column;margin:.5rem 0;border:none}.form-control label{font-size:1.1rem;color:var(--black)}.form-control input{padding:6px;border-radius:4px;border:1px solid var(--black)}.form a{align-self:flex-end;margin-top:.5rem}.form .btns{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:94%;margin:auto}.form button{padding:8px;background-color:var(--secondary);border:none;color:var(--neutral);border-radius:4px}.form .btns #submitbtn{width:30%}.form .btns #googlebtn{width:60%}.modal-footer #switch-auth{background-color:transparent;color:#824ed5;border:none;text-decoration:underline;outline:none}.hidden{display:none}.typing-indicator{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:18px;background:#e6f2ff;max-width:60px}.typing-indicator span{width:6px;height:6px;background:#1e88e5;border-radius:50%;animation:blink 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}