:root{color-scheme:light;font:16px/1.6 system-ui,sans-serif;color:#162d3c;background:#f1f5f6}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:640px;margin:auto;background:#fff;border:1px solid #dce4e8;border-radius:16px;padding:36px;box-shadow:0 8px 32px #162d3c08}header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.brand{font-weight:750;font-size:22px}.badge{font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:#e8f1f4;color:#285165;padding:4px 10px;border-radius:20px}h1{font-size:28px;line-height:1.2;margin:0 0 16px}h2{font-size:18px}p{color:#49616f}label{display:block;font-weight:600;margin:20px 0}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #9eafb8;border-radius:8px;margin-top:6px}input:focus{outline:3px solid #abcddb;outline-offset:2px}button,.button{display:inline-block;font:inherit;font-weight:650;padding:12px 20px;border:0;border-radius:8px;background:#164c65;color:white;cursor:pointer;text-decoration:none}.secondary{background:#e9eff2;color:#203f51}a{color:#175b79}a:focus,button:focus{outline:3px solid #88b9ce;outline-offset:3px}section{border:1px solid #dce4e8;border-radius:10px;padding:20px;margin:24px 0}.notice{padding:12px;background:#fff3df;border-left:4px solid #b66d19;color:#6d471d}.status{color:#16624f;font-weight:650}.qr{display:block;margin:20px auto;max-width:100%;height:auto}code{overflow-wrap:anywhere}.codes{list-style:none;padding:16px;background:#f2f6f7;border-radius:8px}.codes li{padding:4px}details{margin:16px 0}@media(max-width:480px){body{padding:16px 10px}main{padding:24px 20px}h1{font-size:24px}}