:root{color-scheme:light;font-family:Tahoma,Arial,sans-serif;background:#f3f6fa;color:#172533}
*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{width:min(100% - 32px,530px);margin:7vh auto 24px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:27px}.mark{display:grid;place-items:center;width:49px;height:49px;background:#173d62;color:#fff;font-size:25px;font-weight:bold;border-radius:13px}.brand>div{display:flex;flex-direction:column}.brand-name{font:bold 19px/1.4 Arial,sans-serif;letter-spacing:.6px}.subbrand{color:#68798a;font-size:11px}.panel{padding:30px;background:#fff;border:1px solid #dde5ed;box-shadow:0 12px 38px rgba(24,58,91,.05);border-radius:18px}h1{font-size:23px;margin:0 0 6px}.intro{margin:0 0 27px;color:#5d6c7e;font-size:14px;line-height:2}label{display:block;font-size:13px;font-weight:bold;margin-bottom:8px}input{width:100%;padding:12px 14px;line-height:1.6;font:inherit;border:1px solid #b4c3d2;border-radius:9px;outline-offset:3px;direction:ltr;text-align:left}input:focus{outline:2px solid #285d91}button{font:inherit;background:#173d62;border:1px solid #173d62;border-radius:9px;color:white;padding:11px 15px;cursor:pointer;margin-top:15px;font-size:14px}button:disabled{opacity:.55;cursor:wait}.secondary{background:#fff;color:#173d62;margin-right:8px}.signed-caption{margin:0;color:#32624e}.message{margin-top:24px;border:1px solid #dbe3eb;padding:14px;min-height:58px;line-height:1.8;border-radius:9px;font-size:13px;overflow-wrap:anywhere;background:#f7fafc}.footnote{font-size:11px;line-height:2;color:#718092;margin:18px 0 0}footer{text-align:center;margin:18px 0;font-size:11px;color:#7a8795}[hidden]{display:none!important}@media(max-width:600px){.shell{margin-top:20px}.panel{padding:22px}}
