@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Forum&family=Inder&family=Inter:opsz,wght@14..32,100..900&family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,serif}body{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.container{flex:1}.hero{background:url(coffee-bg.jpg) no-repeat center center/cover;height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:20px}.hero h1{font-size:3rem;margin-bottom:10px}.hero p{font-size:1.2rem;margin-bottom:20px}.cta-btn{color:#fff;border:none;padding:15px 30px;font-size:1rem;border-radius:25px;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%,transparent);cursor:pointer;transition:.5s;border:solid 1px #fff}.cta-btn:hover{transform:scale(1.1)}.features{padding:50px 20px;background:#fff}.features h2{font-size:2rem;margin-bottom:20px}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.feature{background:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;text-align:center;max-width:300px}.feature img{width:60px;margin-bottom:10px}.feature h3{font-size:1.3rem}footer{background:#333;color:#fff;text-align:center;padding:20px;font-size:.9rem;width:100%;position:absolute!important;bottom:0;z-index:-1}#chatbot-toggler{position:fixed;bottom:30px;right:35px;border:none;height:50px;width:50px;display:flex;cursor:pointer;border-radius:50%;background:#6d4fc2;align-items:center;justify-content:center;transition:all .2s ease}#chatbot-toggler span{position:absolute;color:#fff}.container.container.show-chatbot #chatbot-toggler{transform:rotate(90deg)}#chatbot-toggler span:last-child,.container.show-chatbot #chatbot-toggler span:first-child{opacity:0}.container.container.show-chatbot #chatbot-toggler span:last-child{opacity:1}.chatbot-popup{position:fixed;opacity:0;pointer-events:none;bottom:90px;right:35px;width:420px;transform:scale(.2);overflow:hidden;background:#fff;border-radius:15px;transform-origin:bottom right;box-shadow:0 0 128px #0000001a,0 32px 64px -48px #00000080;transition:all .3s ease}.container.show-chatbot .chatbot-popup{opacity:1;transform:scale(1);pointer-events:auto}.chatbot-popup .chat-header{display:flex;padding:15px 22px;align-items:center;justify-content:space-between;background:#6d4fc2}.chat-header .header-info{display:flex;gap:10px;align-items:center;width:100%}.chat-header .header-info button{margin-left:auto}.header-info svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#6d4fc2;background:#fff;border-radius:50%}.header-info .logo-text{color:#fff;font-size:1.31rem;font-weight:600}.chat-header button{height:40px;width:40px;border:none;outline:none;color:#fff;cursor:pointer;font-size:1rem;padding-top:2px;border-radius:50%;margin-right:-10px;background:none;transition:.2 ease}.chat-header button:hover{background:#593bab}.chat-body{display:flex;flex-direction:column;gap:20px;height:460px;margin-bottom:82px;overflow-y:auto;padding:25px 22px;scrollbar-width:thin;scrollbar-color:#ddd3f9 transparent}.chat-body .message{display:flex;gap:11px;align-items:center}.chat-body .message.error .message-text{color:red}.chat-body .bot-message svg{height:35px;width:35px;padding:6px;flex-shrink:0;fill:#fff;align-self:flex-end;margin-bottom:2px;background:#6d4fc2;border-radius:50%}.chat-body .message .message-text{padding:12px 16px;max-width:75%;word-wrap:break-word;white-space:pre-line;font-size:.95rem}.chat-body .bot-message .message-text{background:#f6f2ff;border-radius:13px 13px 13px 3px}.chat-body .user-message{flex-direction:column;align-items:flex-end}.chat-body .user-message .message-text{color:#fff;background:#6d4fc2;border-radius:13px 13px 3px}.chat-footer{position:absolute;bottom:0;width:100%;background:#fff;padding:15px 22px 20px}.chat-footer .chat-form{display:flex;align-items:center;background:#fff;border-radius:32px;outline:1px solid #cccce5;box-shadow:0 0 8px #0000000f}.chat-footer .chat-form:focus-within{outline:2px solid #6d4fc2}.chat-form .message-input{border:none;outline:none;width:100%;background:none;height:47px;padding:0 17px;font-size:.95rem}.chat-form button{height:35px;width:35px;border:none;display:none;outline:none;cursor:pointer;font-size:1.15rem;color:#fff;flex-shrink:0;margin-right:6px;border-radius:50%;background:#6d4fc2;transition:.2s ease}.chat-form button:hover{background:#593bab}.chat-form .message-input:valid~button{display:block}@media (max-width: 520px){#chatbot-toggler{bottom:20px;right:20px}.chatbot-popup{right:0;bottom:0;height:100%;border-radius:0;width:100%}.chatbot-popup .chat-header{padding:12px 15px}.chat-body{height:calc(90% -55px);padding:25px 15px}.chat-footer{padding:10px 15px 15px}.hero{height:auto;padding:200px 20px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.cta-btn{padding:12px 25px;font-size:.9rem}footer{position:relative;bottom:0;width:100%}}