*{box-sizing:border-box}body{margin:0;background:#f5f1fa;font:16px/1.5 system-ui,sans-serif;color:#292437;display:grid;place-items:center;min-height:100dvh;padding:24px}main{width:min(100%,440px);background:white;border:1px solid #e7def0;border-radius:24px;padding:32px;box-shadow:0 12px 45px #3921510b}img{width:96px;height:96px;object-fit:contain;mix-blend-mode:multiply}h1{font-size:26px;margin:16px 0 4px}p{color:#6a6178}label{display:block;font-weight:600;margin:18px 0}label[hidden]{display:none}input{display:block;width:100%;padding:12px;border:1px solid #d6cce1;border-radius:10px;font:inherit;margin-top:6px}button{font:inherit;cursor:pointer}#submit{width:100%;border:0;border-radius:10px;padding:13px;background:#7545ae;color:white;font-weight:650}button:disabled{opacity:.6;cursor:wait}nav{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:20px 0}nav button,nav a{background:none;border:0;padding:0;color:#7545ae;text-decoration:none;font-size:14px}small{display:block;color:#6a6178;font-size:13px}#status{min-height:24px;font-size:14px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #b590e4;outline-offset:3px}