*{box-sizing:border-box}body{margin:0;background:#f7f7fa;color:#25242a;font-family:system-ui,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);padding:36px;background:#fff;border:1px solid #e9e6ef;border-radius:24px}.mark{width:52px;height:52px;display:grid;place-items:center;background:#6336aa;color:white;border-radius:16px;font-size:20px;font-weight:800;margin-bottom:28px}.kicker{font-size:10px;font-weight:700;letter-spacing:.13em;color:#704995}h1{font-size:28px;letter-spacing:-.04em;margin:14px 0}p{font-size:14px;line-height:1.6;color:#74717e}form{margin-top:28px}label{display:grid;gap:8px;font-size:13px;font-weight:600;margin-top:18px}input{width:100%;padding:14px;border:1px solid #dedbe5;border-radius:10px;font:inherit}input:focus-visible{outline:2px solid #9168ce;outline-offset:2px}button{margin-top:24px;padding:15px;width:100%;border:0;border-radius:10px;background:#6336aa;color:#fff;font:600 14px system-ui;cursor:pointer}button:disabled{opacity:.6}#error{color:#a63147;min-height:20px}