:root{--navy:#0c1a3d;--mint:#6ef0a8;--mint-d:#1f9e63;--paper:#f4f6f8;--paper-edge:#c9d1da;--fold:#d6dde4;--text:#e9eef8;--muted:#9fb0cc;
--cond:"Bahnschrift SemiBold Condensed","Bahnschrift Condensed","Bahnschrift","Roboto Condensed","Arial Narrow",sans-serif;--sans:system-ui,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--navy);color:var(--text);font-family:var(--sans);line-height:1.45}
.logos{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin:20px 0 4px}
.logos img{display:block;height:24px;width:auto;opacity:.95}
.logos .sep{width:1px;height:24px;background:rgba(255,255,255,.25)}
@media print{.logos img{filter:brightness(0)}.logos .sep{background:#999}}
button,input{font:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:rgba(6,14,36,.8);border-bottom:1px solid #1f3566;position:sticky;top:0;z-index:9}
.brand{position:relative;background:var(--paper);color:var(--navy);border:3px solid var(--paper-edge);border-radius:8px;padding:3px 22px 3px 10px;font-family:var(--cond);font-weight:800;font-stretch:condensed;font-size:18px;white-space:nowrap}
.brand::after{content:"";position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;background:linear-gradient(315deg,var(--mint) 50%,var(--fold) 50%);border-top-left-radius:5px}
.who{font-size:13px;color:var(--muted)}
.track{flex:1;min-width:120px;max-width:300px;height:10px;border-radius:99px;background:#24345e;overflow:hidden;position:relative}
.track i{position:absolute;inset:0 auto 0 0;background:var(--mint);border-radius:99px;transition:width .3s}
.wrap{max-width:760px;margin:0 auto;padding:18px 16px 40px}
.card{background:rgba(10,22,54,.9);border:1px solid #2a4378;border-radius:18px;padding:20px;margin-bottom:14px}
h1{font-size:clamp(24px,4vw,36px);line-height:1.1;margin:0 0 10px}
h2{font-size:clamp(18px,2.4vw,24px);margin:0 0 8px}
p{margin:0 0 12px;color:#cfd9ec}
.mnote{font-size:13px;color:var(--muted)}
label.fld{display:block;margin-bottom:12px}
label.fld span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
input.txt{width:100%;background:#0c1a3d;border:1px solid #3b5690;color:var(--text);border-radius:10px;padding:11px 13px;font-size:16px}
input.txt.code{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-family:var(--cond)}
.pbtn{border:0;border-radius:11px;padding:12px 20px;font-weight:800;background:var(--mint);color:#062a1a}
.pbtn:disabled{opacity:.4;cursor:not-allowed}
.gbtn{border:1px solid #3b5690;background:#152a5a;color:var(--text);border-radius:10px;padding:10px 16px;font-weight:600}
.q{font-size:clamp(17px,2vw,22px);margin:0 0 14px;line-height:1.35}
.qn{font-size:13px;color:var(--muted);margin:0 0 6px}
.scale{display:grid;gap:8px}
.scale button{display:flex;align-items:center;gap:10px;text-align:left;border:2px solid #2c4a88;background:#112352;color:var(--text);border-radius:12px;padding:11px 14px;font-size:15px}
.scale button:hover{border-color:#5b7bb8}
.scale button[aria-pressed="true"]{border-color:var(--mint);background:#0f3346}
.scale button b{font-family:var(--cond);font-stretch:condensed;width:22px;flex:none;color:var(--mint)}
.nav{display:flex;gap:10px;align-items:center;margin-top:16px}
.rcode{font-family:var(--cond);font-stretch:condensed;font-weight:800;font-size:clamp(22px,4.4vw,34px);letter-spacing:.1em;color:var(--mint);word-break:break-all;user-select:all;margin:8px 0}
.sec{border-left:3px solid var(--mint);padding-left:12px;margin-bottom:14px}
@media print{body{background:#fff;color:#111}.top,.noprint{display:none!important}.card{background:#fff;border-color:#bbb;color:#111}.rcode{color:#111}}