*{box-sizing:border-box}body{margin:0;background:#eef1ff;color:#263454;font:17px/1.6 system-ui,sans-serif}main{max-width:620px;margin:36px auto;padding:32px;background:white;border-radius:24px;box-shadow:0 12px 50px #24376e12}h1{line-height:1.15}a{color:#6646cc}form{display:grid;gap:18px}label{display:grid;gap:6px;font-weight:650}input,button{font:inherit;padding:14px;border-radius:10px;border:1px solid #a7b0ce;min-width:0}button{background:#a72c4f;color:white;border:0;font-weight:750;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.note{font-size:13px;color:#65718a}#result{font-weight:650}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7256ea;outline-offset:3px}@media(max-width:640px){main{margin:12px;padding:24px}}