:root{font-family:system-ui,sans-serif;color:#24192f;background:#f6f3f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:32px 18px}main{max-width:490px;margin:20px auto;background:#fff;border:1px solid #e5dcec;border-radius:22px;padding:35px}.brand{font-weight:900;font-size:22px;text-decoration:none;color:#552583;letter-spacing:.04em}.brand span{color:#8a6100}.tag{font-size:11px;font-weight:800;letter-spacing:.12em;color:#7a687e;margin-top:28px}h1{font-size:38px;line-height:1.15;letter-spacing:-.04em;margin:18px 0}p{line-height:1.6;color:#66586d}label{display:block;font-size:14px;font-weight:700;margin:18px 0}input,select{display:block;width:100%;font:inherit;font-weight:400;border:1px solid #cbbdd5;background:#fff;border-radius:9px;padding:13px;margin-top:7px;color:#24192f}input:focus,select:focus{outline:3px solid #fdb927;outline-offset:2px}input[readonly]{background:#f6f3f9}button{border:0;background:#552583;color:#fff;padding:15px;width:100%;border-radius:10px;font:inherit;font-weight:750;cursor:pointer;margin-top:6px}button:disabled{opacity:.6;cursor:wait}#status{font-size:14px;min-height:24px}aside{background:#f6f1fa;border-left:4px solid #fdb927;padding:16px;border-radius:8px;margin-top:15px}aside p,.foot{font-size:13px}aside p{margin-bottom:0}.foot{margin-top:23px;overflow-wrap:anywhere}a:focus-visible,button:focus-visible{outline:3px solid #fdb927;outline-offset:3px}@media(max-width:390px){body{padding:14px 10px}main{padding:25px 20px;border-radius:15px;margin:10px auto}h1{font-size:34px}}