:root{font-family:system-ui,sans-serif;color:#10213b;background:#f3f7fc}*{box-sizing:border-box}body{margin:0;padding-bottom:env(safe-area-inset-bottom)}header{position:sticky;top:0;z-index:3;background:#062653;color:#fff;padding:14px max(18px,env(safe-area-inset-left));display:flex;justify-content:space-between;gap:12px}main{max-width:920px;margin:auto;padding:18px}.hero{background:linear-gradient(135deg,#062653,#1267c7);color:#fff;padding:28px;border-radius:22px}h1{font-size:clamp(2.2rem,8vw,4.5rem);line-height:.92;margin:16px 0}.pill{background:#ffd43b;color:#071b36;padding:7px 10px;border-radius:99px;font-weight:800;font-size:.75rem}button,a{min-height:44px;border-radius:12px}button{border:0;padding:12px 16px;background:#e7183f;color:#fff;font-weight:800;margin:8px 8px 0 0}nav{display:flex;overflow:auto;gap:10px;padding:18px 0}nav a{display:grid;place-items:center;min-width:130px;background:#fff;border:1px solid #c8d8ec;color:#063d88;font-weight:800;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.grid article,section:not(.hero){background:#fff;border:1px solid #cedced;border-radius:18px;padding:18px;margin-top:14px}.grid article{margin:0;display:flex;flex-direction:column;gap:8px}label{display:block;margin:14px 0}input{min-height:40px;font:inherit}footer{text-align:center;background:#061d3e;color:#fff;padding:25px}footer a{color:#ffd43b}.qr-panel{display:grid;grid-template-columns:1fr 250px;gap:24px;align-items:center}.qr-panel img{width:240px;height:240px;border-radius:16px;border:8px solid #fff;box-shadow:0 10px 28px #06265322}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em;color:#075ec9}.actions{display:flex;gap:9px;flex-wrap:wrap}.button{display:inline-block;background:#ed1739;color:#fff!important;border-radius:8px;padding:11px 15px;text-decoration:none;font-weight:800}.secondary{background:#edf5ff!important;color:#062653!important;border:1px solid #aac7ec}.result{font-weight:700;color:#075ec9}.diagnostics{background:#061d3d;color:#fff;border-radius:10px;padding:14px;margin-top:10px;min-height:48px}.diagnostics div{padding:5px}.diagnostics .pass b{color:#4ade80}.diagnostics .fail b{color:#fbbf24}.diagnostics small{display:block;color:#cbd5e1;margin-top:9px}@media(max-width:650px){header{font-size:.85rem}.hero{padding:22px 18px}.qr-panel{grid-template-columns:1fr;text-align:center}.qr-panel img{order:-1;margin:auto}.actions{justify-content:center}}