:root{font-family:Arial,Helvetica,sans-serif;color:#20382e;background:#f3f5f4}*{box-sizing:border-box}body{margin:0}header{height:64px;background:white;border-bottom:1px solid #dde4e0;padding:0 28px;display:flex;align-items:center;gap:18px;font-size:23px;font-weight:800}header span{font-size:14px;color:#738078;font-weight:400;border-left:1px solid #dde4e0;padding-left:18px}main{max-width:360px;margin:90px auto 0;padding:0 24px}h1{font-size:26px;font-weight:600;margin:0 0 28px}button{width:100%;height:50px;background:#08754d;color:white;border:0;border-radius:5px;font-size:16px;font-weight:600;cursor:pointer}button:hover{background:#065c3c}button:focus-visible{outline:3px solid #8bd4b2;outline-offset:3px}button:disabled{background:#91aa9d;cursor:wait}#status{font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;color:#66796e;min-height:42px}#status[data-state=error]{color:#b93443}#status[data-state=success]{color:#08754d}@media(max-width:480px){header{padding:0 20px}main{margin-top:64px}}