:root{font:16px "Helvetica Neue",Arial,sans-serif;color:#0b1b2b;background:#eef1f3}*{box-sizing:border-box}body{margin:0}header{background:#0b1b2b;color:white;padding:16px 32px;display:flex;gap:26px;align-items:center}header img{width:146px;height:46px}main{max-width:760px;margin:50px auto;padding:0 24px}h1{font-size:34px;letter-spacing:-.7px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#526875}p{line-height:1.6}section{background:white;border:1px solid #d5e0e5;border-radius:16px;padding:30px}.lab{padding:16px 20px;background:#fff7e5;color:#69531e;border-radius:10px;margin:24px 0;line-height:1.6}li{padding:9px 0;color:#526875}li.done{color:#4e722b;font-weight:bold}button{font:inherit;background:#1478b8;color:white;border:1px solid #1478b8;border-radius:8px;padding:12px 18px;cursor:pointer;margin:10px 8px 10px 0}button:disabled{opacity:.5;cursor:default}.secondary{background:white;color:#0b1b2b;border-color:#bccdd6}label{display:block;margin-top:15px}input{display:block;font:inherit;width:100%;padding:12px;margin:8px 0 12px;border:1px solid #a8bcc7;border-radius:8px}button:focus-visible,input:focus-visible{outline:3px solid #79a84b;outline-offset:3px}.hint{color:#526875;font-size:14px}#qr-panel{padding:12px 0}#qr{max-width:100%;height:auto}#comparison{font:700 23px monospace;letter-spacing:2px}#status{font-weight:600}[hidden]{display:none!important}@media(max-width:500px){main{margin:28px auto}section{padding:20px}h1{font-size:28px}}