:root{--mainColor: #035a9d;--hoverColor: #252f42;--radius: 16px}*{font-family:Poppins,sans-serif;box-sizing:border-box}body{margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:100vh}.app{width:390px;max-width:390px;margin:auto;border:4px var(--mainColor) solid;border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;align-items:center}form{width:100%}h2{text-align:center;font-weight:700;font-size:20px;color:var(--mainColor)}textarea{width:100%;height:150px;padding:12px;resize:none;outline:none;background-color:#eff0f4;border-radius:var(--radius);color:#333;font-weight:600;font-size:20px}textarea::placeholder{color:#333;font-weight:600;font-size:20px}form div:nth-child(2){display:flex;flex-direction:column;gap:12px;width:100%;padding:20px}label{font-weight:600;color:#333;font-size:20px}button{width:100%;padding:13px;font-size:24px;font-weight:700;color:#fff;background-color:var(--mainColor);border:none;border-radius:var(--radius);cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--hoverColor)}#loaderBtn{cursor:not-allowed;opacity:.7}#loaderBtn:hover{background-color:var(--mainColor)}.output{width:100%}.output div{height:120px;width:100%;padding:12px;background-color:#eff0f4;border-radius:var(--radius);color:#333;font-weight:600;font-size:14px;margin-bottom:25px}