:root{font-family:system-ui,sans-serif;color:#172033;background:#f8fafc;font-size:16px}body{margin:2rem auto;padding:1rem;max-width:38rem}main{background:#fff;border:1px solid #dce2eb;border-radius:1rem;padding:2rem}h1{font-size:1.75rem;line-height:1.2;margin:0 0 1rem}p{line-height:1.5}label{display:block;margin-top:1rem}input,button{font:inherit;padding:.7rem;margin-top:.45rem;box-sizing:border-box;width:100%;border:1px solid #bac5d4;border-radius:.4rem}button{cursor:pointer;background:#edf2f8;color:#172033}button:hover{background:#e0e8f1}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #4876bc;outline-offset:2px}output{display:block;margin-top:1.5rem;white-space:pre-wrap;overflow-wrap:anywhere}a{display:block;margin-top:1rem;color:#255998}.note,#session,#device-expiry{color:#526278;font-size:.88rem}section section{border-block:1px solid #dce2eb;padding-block:1rem;margin-block:1rem}[hidden]{display:none!important}@media(max-width:520px){body{margin:.5rem auto;padding:.5rem}main{padding:1.25rem;border-radius:.65rem}}