:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#20374b;background:#f2f6f8;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;padding:48px 20px;display:grid;place-items:center}
.login-card{width:100%;max-width:460px;background:#fff;padding:36px;border:1px solid #dce7ec;border-radius:20px;box-shadow:0 16px 48px #173b4d0a}
.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#137f70;color:#fff;font-size:26px;font-weight:700;margin-bottom:22px}
.eyebrow{font-size:13px;letter-spacing:.04em;color:#607b8b;margin:0 0 8px}
h1{font-size:27px;line-height:1.4;margin:0 0 12px;letter-spacing:-.02em}
h2{font-size:17px;margin:26px 0 12px}
p{font-size:14px;line-height:1.75;margin:10px 0}
.intro{color:#607b8b;margin-bottom:22px}
label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}
input{font:inherit;font-size:16px;width:100%;padding:12px 13px;min-height:48px;border:1px solid #bfcfd8;border-radius:9px;color:#20374b;background:#fff}
input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #80cbb9;outline-offset:3px}
button{font:inherit;cursor:pointer;border:0;border-radius:9px;min-height:46px;padding:11px 16px}
button:disabled{cursor:default;opacity:.6}
.primary{display:block;width:100%;background:#137f70;color:#fff;font-weight:650;margin-top:20px}
.primary:hover:enabled{background:#0d6c60}
.text-button{color:#137f70;background:transparent;padding:8px 0;text-align:left;min-height:42px}
.hint,.field-note,.privacy-note{color:#607b8b}
.field-note{font-size:12px;margin-top:7px}
.status{min-height:1.7em;margin:16px 0 0;color:#137f70;overflow-wrap:anywhere}
.status[data-kind="error"]{color:#a25019}
.recovery{border-top:1px solid #e5edef;margin-top:22px;padding-top:18px}
.recovery summary{font-size:14px;color:#36596c;cursor:pointer;line-height:1.7}
.recovery p{font-size:13px;color:#607b8b}
.privacy-note{font-size:12px;margin-top:22px}
[hidden]{display:none!important}
@media(max-width:480px){body{padding:24px 14px;place-items:start center}.login-card{padding:28px 22px;border-radius:16px}h1{font-size:25px}}