:root{color-scheme:light;font:16px/1.5 Arial,Helvetica,sans-serif;color:#202a30;background:#f5f7f7;letter-spacing:0}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
header{min-height:76px;display:flex;align-items:center;gap:24px;padding:20px 32px;background:#fff;border-bottom:1px solid #dae1e2;flex-wrap:wrap}
.brand{font-weight:800;font-size:18px;color:#176358}.section{font-size:14px;color:#657178;border-left:1px solid #dae1e2;padding-left:24px}
main{width:min(100% - 40px,560px);margin:64px auto 40px;flex:1}
.eyebrow{font-size:13px;color:#657178;margin:0 0 8px}h1{font-size:28px;line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}
.username{color:#47636a;margin:0 0 28px;font-size:16px;overflow-wrap:anywhere}
#notice{display:flex;gap:12px;align-items:baseline;font-weight:700;margin-top:28px;padding:16px 0;border-top:1px solid #d8e0e1;border-bottom:1px solid #d8e0e1}
.dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#b78a28}
#notice.success .dot{background:#18846b}#notice.error .dot{background:#b44848}
#detail{color:#536269;margin:16px 0 28px;overflow-wrap:anywhere}
form label{display:block;font-size:14px;font-weight:700;margin:0 0 10px}
#token{display:block;width:100%;height:48px;border:1px solid #9daeb2;border-radius:6px;background:#fff;font:16px Consolas,monospace;padding:10px 12px;outline-offset:3px}
.show{display:flex;align-items:center;gap:8px;font-weight:400;color:#536269;margin:12px 0 8px}
input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#176b5d}
button{min-height:48px;width:100%;border:0;border-radius:6px;background:#176b5d;color:#fff;font:700 16px Arial,Helvetica,sans-serif;padding:12px 18px;cursor:pointer}
button:hover{background:#115447}button:disabled{background:#899c99;cursor:default}
#error{color:#a23939;font-size:14px;min-height:21px;margin:12px 0}
.muted{font-size:13px;color:#657178}.contact{font-size:14px;color:#657178;margin-top:36px}a{color:#176b5d;text-underline-offset:3px}
footer{border-top:1px solid #dae1e2;padding:20px 32px;font-size:12px;color:#78878b}
[hidden]{display:none!important}
@media(max-width:480px){header{padding:18px 20px;gap:16px}.section{padding-left:16px}main{margin-top:36px}h1{font-size:24px}}