:root{font-family:"Microsoft JhengHei",sans-serif;color:#283c49;background:#f4f7f8;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 20px}main{width:100%;max-width:380px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#348c70;font-size:34px;font-weight:700}.brand span{font-size:23px;color:#243747}.eyebrow{color:#688492;font-size:12px;margin:36px 0 10px}h1{font-size:27px;margin:0}.intro{color:#637986;line-height:1.8;margin:12px 0 26px}label{display:block;margin:20px 0 8px;font-weight:600;font-size:13px}input,button{font:inherit;width:100%;min-height:46px;border-radius:6px}input{border:1px solid #b7c8d1;padding:11px 12px;color:#283c49;background:white;min-width:0}button{margin-top:26px;background:#28745d;border:0;color:white;font-weight:600;cursor:pointer}button:hover{background:#205e4c}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #6aa6b9;outline-offset:3px}#loginStatus{min-height:46px;color:#a1322f;font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:12px 0}.back{color:#526e7c;font-size:13px;text-underline-offset:4px}@media(max-width:420px){body{place-items:start center;padding-top:45px}h1{font-size:24px}}

#loginStatus.success{color:#28745d}