*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#fff7fb;color:#302337;font:16px/1.5 system-ui,sans-serif;padding:1rem}main{width:min(100%,28rem);background:white;border:1px solid #eddbe7;border-radius:1.5rem;padding:2rem;box-shadow:0 1rem 3rem #47253b14}h1{letter-spacing:.08em}form{margin-top:1.5rem}label{display:block;font-weight:600}input,button{font:inherit;width:100%;padding:.8rem;margin-top:.5rem;border-radius:.7rem}input{border:1px solid #ab91a5}button{border:0;background:#70355f;color:white;cursor:pointer}button:disabled{opacity:.5}:focus-visible{outline:3px solid #af4a93;outline-offset:2px}[hidden]{display:none!important}