@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&display=swap');*{box-sizing:border-box}body{margin:0;background:#fff8f3;color:#10284b;font-family:Nunito,Arial,sans-serif}header{height:76px;padding:0 32px;background:#fff;border-bottom:3px solid #40beb9;display:flex;align-items:center;justify-content:space-between}.logo{color:#40beb9;text-decoration:none;font-size:1.7rem}.logo:first-letter{color:#ff7666}.logo span{color:#ff7666}nav{display:flex;gap:8px}nav button{border:0;background:transparent;color:#10284b;font:800 .95rem Nunito;padding:10px 15px}.active{background:#40beb9!important;color:#fff!important;border-radius:30px!important}main{width:min(508px,calc(100% - 32px));margin:18px auto}h1{font-size:1.85rem;margin:0;font-weight:900}main>p{margin:3px 0 10px;font-size:1.04rem}.audio,.send{width:100%;height:53px;border:0;border-radius:18px;color:#fff;font:800 1rem Nunito;cursor:pointer}.audio{background:#ff7666}form section{display:grid;gap:14px;margin-top:10px;padding:23px 18px 28px;background:#fff;border-radius:19px;box-shadow:0 7px 21px #4a35201a}textarea,input{width:100%;border:2px solid #f0d6c2;border-radius:13px;padding:14px;color:#5a6374;font:600 1rem Nunito}textarea{height:100px;resize:vertical}input{height:52px}.send{margin-top:12px;background:#40beb9}.sr{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}output{display:block;min-height:25px;color:#b6372b;font-weight:800;margin:7px 0}dialog{border:0;border-radius:18px;padding:30px;box-shadow:0 18px 55px #0005}dialog button{position:absolute;right:10px;top:7px;border:0;background:none;font-size:2rem}@media(max-width:520px){header{height:68px;padding:0 17px}.logo{font-size:1.45rem}h1{font-size:1.65rem}}
