*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f3f6f4;color:#19392e;font:16px/1.5 system-ui,sans-serif;padding:24px}main{width:100%;max-width:440px;background:white;border:1px solid #dde7e0;border-radius:24px;padding:40px;box-shadow:0 16px 60px #19392e0a}.brand{font-size:26px;font-weight:750;letter-spacing:-1px}.brand span{color:#239b65}h1{font-size:26px;margin:28px 0 8px}p{color:#60766a;margin:0 0 24px}form{display:grid;gap:10px}label{font-weight:600}input{width:100%;font:inherit;padding:12px 14px;border:1px solid #cbd8cf;border-radius:10px;margin-bottom:10px}input:focus-visible,button:focus-visible{outline:3px solid #9ddaba;outline-offset:2px}button{font:inherit;font-weight:650;border:0;border-radius:10px;background:#16764c;color:white;padding:13px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{color:#b33939;margin:4px 0;font-size:14px}small{display:block;margin-top:22px;color:#60766a}
[hidden]{display:none!important}.security{max-width:640px}.security h2{font-size:19px;margin-top:28px}.security code,.security pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f3f6f4;border-radius:10px;font-size:14px}.security .check{display:flex;align-items:start;gap:10px}.security .check input{width:auto;margin-top:6px}.back{margin:28px 0 0}a{color:#16764c}#mfa-field small{margin:0 0 12px}