:root{--clr-green: #32CD32;--clr-blue: #035A9D;--clr-text: #333333;--clr-bg: #EFF0F4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif}li{list-style:none;font-weight:600}.container{display:flex;flex-direction:column;max-width:512px;height:100dvh;margin-inline:auto}.banner{flex:0 1 auto;background-image:url(/assets/worldmap-D6TmBjGD.png);background-repeat:no-repeat;background-size:cover;background-position:right;display:flex;justify-content:center;align-items:center;padding-block:2rem;gap:1.5rem}.banner>img{max-width:100px}.banner-text{display:flex;flex-direction:column;justify-content:stretch}.banner-text>h1{font-size:2.5rem;color:var(--clr-green);font-family:Big Shoulders Display,sans-serif;font-weight:800}.banner-text>p{color:#fff}main{flex:1 1 auto;max-height:100%;padding:2rem}.translate-container{position:relative;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1rem;border-radius:.5rem;border:3px solid var(--clr-text)}.chat-window{position:absolute;top:0;inset-inline:0;bottom:9.5rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:scroll;scroll-behavior:smooth}.bot-chat{background-color:var(--clr-blue);color:#fff;padding:1rem;border-radius:0 .5rem .5rem}.user-chat{background-color:var(--clr-green);color:var(--clr-text);padding:1rem;border-radius:.5rem 0 .5rem .5rem}.form-container{height:9.5rem;position:absolute;margin-top:auto;bottom:0;background-color:#fff;width:100%;left:0;border-radius:0 0 .5rem .5rem;padding:1rem;box-shadow:0 -1px 50px #33333340}.textbox-container{background-color:var(--clr-bg);border:2px solid var(--clr-text);border-radius:.5rem;display:flex}.textbox{flex:1;padding:1rem 0 1rem 1rem;border-radius:.5rem;border:none;font-family:inherit;font-weight:600;background-color:transparent;outline:none}.send-icon{cursor:pointer;background-color:transparent;border:none;padding:1rem;color:var(--clr-green);transition:color .15s ease;border-radius:.5rem}.send-icon:hover{color:var(--clr-blue)}.languages-container{display:flex;margin-top:1rem;justify-content:center;align-items:center;gap:1rem}.lang-input{display:none}.lang-input:checked~label{border-color:var(--clr-blue);box-shadow:0 5px 10px var(--clr-text)}.language-container label{transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer;display:flex;border:2px solid var(--clr-text)}.error{color:tomato}.hidden{display:none}