:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#253c36;background:#f7f6f1;font-size:15px;line-height:1.7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:26px}main{width:100%;max-width:420px;padding:40px;background:#fffefa;border:1px solid #dce4d6;border-radius:22px;box-shadow:0 16px 45px #163e3510}.brand{font-size:27px;letter-spacing:3px;font-weight:700;color:#184d43;margin-bottom:38px}.brand span{font-size:10px;letter-spacing:2px;color:#84917c;margin-left:12px;font-weight:400}.eyebrow{color:#9b875f;font-size:11px;letter-spacing:2px;margin:0 0 6px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 9px}.intro{font-size:12px;color:#84907d;margin:0 0 26px}form>label{display:block;font-size:12px;margin-bottom:17px}input:not([type=checkbox]){display:block;width:100%;font:inherit;font-size:16px;color:inherit;background:#f7f8f2;border:1px solid #dbe2d3;border-radius:9px;padding:12px;margin-top:7px}.remember{display:flex;align-items:center;gap:7px;color:#7a8b72}input[type=checkbox]{accent-color:#184d43}button{width:100%;font:inherit;font-size:14px;display:flex;align-items:center;justify-content:space-between;background:#184d43;color:#fffefa;border:0;border-radius:9px;padding:13px 18px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:hover:not(:disabled){background:#296654}:focus-visible{outline:3px solid #b69958;outline-offset:3px}#error{font-size:12px;line-height:1.6;color:#b65338;background:#faf0e9;padding:11px;border-radius:7px}.hint{font-size:10px;color:#9da58f;text-align:center;margin:24px 0 0}@media(max-width:430px){body{padding:19px}main{padding:30px 25px;border-radius:17px}.brand{margin-bottom:32px}h1{font-size:29px}}