:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#233c31;background:#f3f4ed;--green:#17664e}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px}main{display:grid;grid-template-columns:1.15fr 1fr;max-width:960px;width:100%;border:1px solid #dce2d5;border-radius:12px;overflow:hidden;background:#fffef9}.intro{background:#e7eddc;padding:48px;display:flex;flex-direction:column;justify-content:center}.wordmark{font-size:13px;letter-spacing:3px}h1{font-size:31px;font-weight:600;line-height:1.7;margin:48px 0 20px;letter-spacing:-1px}.intro p{font-size:13px;color:#62765f}.intro small{font-size:11px;line-height:1.8;color:#718267;margin-top:56px}.panel{padding:48px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7a8873}h2{font-size:23px;font-weight:600;margin:17px 0 12px}#hint{font-size:12px;line-height:1.8;color:#70816f}label{display:block;font-size:12px;margin-top:21px}input{display:block;width:100%;padding:12px;margin-top:9px;border:1px solid #d8dfd1;border-radius:5px;background:#fff;font:inherit;font-size:15px;color:#213b2b}input:focus,button:focus-visible{outline:2px solid #77a98a;outline-offset:2px}button{padding:13px;width:100%;border:0;background:var(--green);color:#fff;border-radius:5px;font:inherit;font-size:13px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:hover{filter:brightness(.94)}#message{color:#a54430;min-height:18px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.secondary{background:#eef1e7;color:var(--green);margin-top:12px}footer{border-top:1px solid #e5e8de;margin-top:30px;padding-top:18px;font-size:10px;color:#8a9282;line-height:1.8}a{display:block;color:var(--green);font-size:12px;margin-top:16px} [hidden]{display:none!important}@media(max-width:700px){body{padding:18px}main{grid-template-columns:1fr}.intro{padding:24px}.intro h1{font-size:23px;margin:20px 0 4px}.intro small{display:none}.panel{padding:26px}}