:root{--navy:#0b253b;--blue:#1769aa;--green:#14785b;--ink:#172033;--muted:#667b8b;--line:#d8e4ea;--soft:#eef4f7}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(145deg,#f8fafb,var(--soft));color:var(--ink)}body{padding:24px}.bi-shell{min-height:calc(100vh - 48px);display:grid;place-items:center}.bi-card{width:min(100%,680px);background:#fff;border:1px solid rgba(11,37,59,.12);border-radius:22px;box-shadow:0 24px 70px rgba(16,54,75,.12);overflow:hidden}.bi-brand{display:flex;gap:14px;align-items:center;padding:24px 26px 18px;background:linear-gradient(125deg,var(--navy),#124965);color:#fff}.bi-brand img{width:64px;height:64px;object-fit:contain;border-radius:13px;background:#fff;padding:4px}.bi-brand span{display:block;color:#87d8fb;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.11em}.bi-brand h1{margin:3px 0 0;font-size:24px}.bi-test{padding:9px 18px;background:#fff3cd;border-bottom:1px solid #efd48c;color:#654a00;text-align:center;font-size:11px;font-weight:800}.bi-copy{padding:24px 26px 8px}.bi-eyebrow{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.bi-copy h2{margin:7px 0 10px;color:var(--navy);font-size:clamp(28px,6vw,42px);letter-spacing:-.035em}.bi-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.bi-copy code{padding:2px 5px;border-radius:5px;background:#edf3f7;color:#315269}.bi-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px 26px}.bi-flow div{min-height:86px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fafcfd}.bi-flow b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e7f3fa;color:var(--blue);font-size:12px}.bi-flow span{display:block;margin-top:8px;color:#42596a;font-size:11px;font-weight:750;line-height:1.35}.bi-status{margin:8px 26px 0;padding:11px 12px;border-radius:10px;background:#edf5f9;color:#31576d;font-size:12px;line-height:1.45}.bi-status.good{background:#e4f4ed;color:#175d47}.bi-status.warn{background:#fff1d9;color:#805607}.bi-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:9px;padding:13px 26px}.bi-actions button,.bi-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;text-decoration:none;font:inherit;font-size:13px;font-weight:850}.bi-primary{border:0;color:#fff;background:linear-gradient(135deg,#167eaf,#0c4d70);cursor:pointer}.bi-primary:disabled{opacity:.48;cursor:not-allowed}.bi-secondary{border:1px solid var(--line);color:#315269;background:#fff}.bi-help,.bi-note{margin:4px 26px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fafcfd}.bi-help strong,.bi-note strong{color:var(--navy);font-size:12px}.bi-help p,.bi-note p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.bi-back{display:block;padding:8px 26px 25px;color:var(--blue);text-decoration:none;font-size:12px;font-weight:750}@media(max-width:620px){body{padding:0}.bi-shell{min-height:100vh;place-items:stretch}.bi-card{border:0;border-radius:0;min-height:100vh}.bi-brand{padding-top:calc(20px + env(safe-area-inset-top))}.bi-flow{grid-template-columns:1fr 1fr}.bi-actions{grid-template-columns:1fr}.bi-copy,.bi-flow,.bi-actions{padding-left:18px;padding-right:18px}.bi-status,.bi-help,.bi-note{margin-left:18px;margin-right:18px}.bi-back{padding-left:18px}}
.bi-checks{display:grid;gap:7px;padding:12px 26px 4px}.bi-checks>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fafcfd;font-size:12px}.bi-checks span{color:#42596a;font-weight:700}.bi-checks b{font-size:11px;color:#6d7f8d;white-space:nowrap}.bi-checks>div.pass{border-color:#c7e7da;background:#edf8f3}.bi-checks>div.pass b{color:#14785b}.bi-checks>div.fail{border-color:#f0c9c9;background:#fff1f1}.bi-checks>div.fail b{color:#a63737}.bi-checks>div.warn{border-color:#efd99f;background:#fff8e8}.bi-checks>div.warn b{color:#8a650e}@media(max-width:620px){.bi-checks{padding-left:18px;padding-right:18px}}