:root{color-scheme:light;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif;color:#263d32;background:#f6f7f3}*{box-sizing:border-box}body{margin:0;display:grid;min-height:100vh;place-items:center;padding:24px}main{width:390px;max-width:100%;padding:32px;background:#fff;border:1px solid #dfe6dd;border-radius:10px}.brand{font-size:22px;color:#245649;margin-bottom:24px}h1{font-size:20px;font-weight:500;margin:0 0 8px}p{color:#65776b;margin:0 0 20px}label{display:grid;gap:7px;margin:17px 0}input,button{font:inherit;border:1px solid #d1dcd4;border-radius:5px;padding:9px 10px;background:#fff;color:inherit;min-width:0}input{width:100%}input:focus{outline:2px solid #a1bfb2;outline-offset:1px}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}.code-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.code-row button{margin-bottom:17px}.primary{background:#245649;color:#fff;border-color:#245649;width:100%;margin-top:6px}#login-message{font-size:13px;min-height:21px;margin:4px 0 12px}#login-message.error{color:#a43434}