:root{color-scheme:light;font-family:system-ui,sans-serif;color:#3e2b52;background:#fff7ec}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,460px);background:#fff;border:1px solid #eddfee;border-radius:28px;padding:32px;box-shadow:0 10px 35px #46283b0a}.brand{color:#704897;font-weight:800;font-size:22px;margin:0 0 28px}h1{font-size:32px;line-height:1.15;margin:0 0 18px;letter-spacing:-.6px}p{line-height:1.55}label{display:block;margin:25px 0 8px;font-weight:700}input{width:100%;padding:15px;border:2px solid #d9c7e7;border-radius:13px;font:700 23px ui-monospace,monospace;letter-spacing:3px;text-transform:uppercase;color:#3e2b52;background:#fffdfa}input:focus{outline:3px solid #d8bfed;outline-offset:2px}button{margin:14px 0 0;padding:15px;width:100%;border:0;border-radius:13px;background:#704897;color:#fff;font:700 16px system-ui,sans-serif;cursor:pointer}button:focus-visible{outline:3px solid #321647;outline-offset:3px}#feedback{min-height:25px;font-size:14px}.small{font-size:13px;color:#76677e;margin-top:28px}