:root{--navy:#122a54;--blue:#1f81f9;--mist:#eef2f8;--ink:#1b2433;--muted:#5b6678;--err:#b42318}*{box-sizing:border-box}body{background:var(--mist);color:var(--ink);margin:0;font-family:Helvetica,Arial,sans-serif}.bar{background:var(--navy);color:#fff;padding:14px 16px}.brand{letter-spacing:.02em;font-weight:700}main{max-width:440px;margin:40px auto;padding:0 16px}main.wide{max-width:960px}.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 3px rgba(18,42,84,.1)}h1{color:var(--navy);margin:0 0 16px;font-size:1.4rem}label{margin:12px 0 4px;font-size:.9rem;display:block}input{border:1px solid #c9d2e0;border-radius:6px;width:100%;padding:10px 12px;font-size:1rem}button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:6px;width:100%;margin-top:18px;padding:11px;font-size:1rem}button.link{color:var(--blue);background:0 0;width:auto;margin:0;padding:0}.err{color:var(--err);margin-top:12px;font-size:.9rem}.muted{color:var(--muted);font-size:.9rem}a{color:var(--blue)}.qr{width:200px;height:200px;margin:12px auto;display:block}code{word-break:break-all}