*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 20px;background:#f4f7f5;color:#253d33;font-family:Inter,"Microsoft YaHei",sans-serif}main{width:100%;max-width:405px;background:white;border:1px solid #e2eae5;border-radius:22px;padding:35px 32px;box-shadow:0 16px 60px #294d3210}.logo{width:45px;height:45px;background:#187c68;color:#fff;border-radius:12px;font:italic bold 36px Georgia;display:grid;place-items:center;margin:auto}.brand{text-align:center;font-size:14px;font-weight:700;margin-top:10px;color:#577161}h1{font-size:24px;text-align:center;margin:28px 0 10px}.subtitle{text-align:center;color:#91a095;font-size:12px;margin:0 0 30px}label{display:block;font-size:12px;color:#647b6a;margin:19px 0 9px}input{width:100%;padding:14px;border:1px solid #dce6df;background:#fafcfb;border-radius:9px;color:#253d33;font:14px "Microsoft YaHei",sans-serif}input:focus{outline:2px solid #8dbba5;outline-offset:1px}.password{position:relative}.password input{padding-right:60px}.password button{position:absolute;right:8px;top:8px;padding:8px;border:0;background:none;color:#7b9384;font-size:11px;cursor:pointer}button{font:inherit}.primary{width:100%;padding:14px;border:0;border-radius:9px;background:#187c68;color:white;font-size:14px;font-weight:600;cursor:pointer}.primary:disabled{opacity:.6;cursor:wait}#error{color:#b55b42;font-size:11px;line-height:1.7;min-height:20px;margin:12px 0}.hint{text-align:center;font-size:10px;color:#97a49b;line-height:1.9;margin:23px 0 0}footer{text-align:center;color:#a9b5ad;font-size:9px;margin-top:30px}button:focus-visible{outline:3px solid #8dbba5;outline-offset:3px}@media(max-width:420px){main{padding:30px 23px}}