*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f5f0e7;color:#30223d;font:18px/1.55 system-ui;padding:24px}main{max-width:540px;background:#fffdf7;border:1px solid #d9d0c1;border-radius:28px;padding:32px}h1{font:38px/1.1 Georgia,serif}input,button{font:inherit;min-height:52px;border-radius:12px;padding:12px;width:100%;margin-top:12px}input{border:1px solid #95839e}button{background:#442354;border:0;color:white;cursor:pointer}button:disabled{opacity:.6}#status{font-size:15px}*:focus-visible{outline:3px solid #a55516;outline-offset:4px}