*{box-sizing:border-box}body{margin:0;font:15px/1.6 'Segoe UI',sans-serif;background:#eef3f9;color:#203149}main{min-height:100dvh;display:grid;place-items:center;padding:24px}form{width:min(440px,100%);background:#fff;border:1px solid #d6e0ed;border-radius:14px;padding:32px}h1{font-size:30px;margin:0 0 12px}p,small{color:#53647a}label{display:flex;flex-direction:column;gap:8px;margin:18px 0}[hidden]{display:none}input{font:inherit;padding:11px 12px;min-height:44px;border:1px solid #b7c7dc;border-radius:8px;width:100%}input:focus-visible,button:focus-visible{outline:3px solid #8aa9e2;outline-offset:3px}button{font:600 15px 'Segoe UI';width:100%;min-height:44px;background:#245bcc;color:white;border:0;border-radius:8px;cursor:pointer;margin:8px 0 18px}button:disabled{background:#7187a9;cursor:wait}#error{color:#ab3044}small{display:block;font-size:12px}