.gatepage{background:#F2F2F2;margin:0;padding:12px}.gbox{max-width:560px;margin:0 auto;background:#fff;border-radius:8px;border-top:5px solid var(--red);box-shadow:0 8px 30px rgba(0,0,0,.1);overflow:hidden}
.ghd{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line2)}.ghd img{height:44px}.gbd{padding:16px}.gft{background:var(--grey);padding:10px 16px;font-size:11px;color:var(--soft);text-align:center}
.gbd .in{min-height:44px;font-size:16px}.gbd .btn{min-height:46px;font-size:15px;width:100%}.steps{display:flex;gap:6px;margin-bottom:12px}.steps span{flex:1;height:5px;border-radius:3px;background:var(--grey2)}.steps span.on{background:var(--red)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.chip{border:1.5px solid var(--line);border-radius:20px;padding:9px 14px;font-size:14px;cursor:pointer;background:#fff}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.green{background:#1f7a2e;color:#fff;border-radius:8px;padding:18px;text-align:center}.green .ref{font-family:Menlo,monospace;font-size:26px;font-weight:700;letter-spacing:1px}.green .nm{font-size:20px;font-weight:700;margin-top:4px}.green .s{font-size:13px;opacity:.95;margin-top:4px}.green svg{width:170px;height:170px;background:#fff;padding:8px;border-radius:8px;margin:12px auto 0;display:block}
.amber{background:#B26A00}.grey{background:#555}.ppe{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.ppe span{background:rgba(255,255,255,.18);border-radius:6px;padding:6px 10px;font-size:12.5px}
.rules{background:var(--cream);border:1px solid #F0E2C4;border-radius:4px;padding:10px 12px;font-size:13px;margin:10px 0}