/* 001 Concierge — neon on midnight */
:root{
  --bg:#07101d; --panel:#0e1c2c; --muted:#9bb4d1; --text:#e8f1fd;
  --green:#2cffb2; --green-2:#15e6a0; --red:#ff7a7a;
  --ring:#1a2c44;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Inter,Arial}
.hero{padding:32px 20px 8px;max-width:1080px;margin:0 auto;text-align:center}
h1{margin:0;font-weight:800;font-size:34px}
h1 span{font-weight:600;opacity:.9}
.strap{margin:8px 0 10px;color:var(--muted)}
.pill-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pill{background:#0b1a29;border:1px solid var(--ring);padding:6px 10px;border-radius:999px;color:var(--muted);font-size:12px}
.grid{max-width:1080px;margin:18px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.panel{background:var(--panel);border:1px solid var(--ring);border-radius:16px;padding:18px}
.panel h2{margin:4px 0 12px;font-size:18px;color:#d8e7ff}
.qr{width:260px;height:260px;border-radius:12px;display:grid;place-items:center;background:#0b1a29;border:1px solid var(--ring)}
.alt{color:var(--muted);font-size:13px;margin:10px 0 6px}
.warn{background:#2b1a1a;color:#ffdada;border:1px solid #733;background-clip:padding-box;padding:6px 10px;border-radius:8px}
.pad{display:grid;grid-template-columns:repeat(3,120px);gap:12px;justify-content:center}
.pad button{height:70px;border-radius:14px;background:#0b1a29;border:1px solid var(--ring);color:var(--text);font-weight:600;font-size:20px;cursor:pointer}
.pad button:active{transform:translateY(1px)}
.pad .ok{background:var(--green);color:#012014;border-color:var(--green-2)}
.pad .ghost{background:#0b1a29}
.pin{width:100%;margin-top:14px;height:44px;border-radius:10px;border:1px solid var(--ring);background:#0a1726;color:var(--text);padding:0 12px;font-size:16px}
.result{min-height:28px;margin-top:8px;font-weight:600}
.okish{color:var(--green)} .bad{color:var(--red)}
.foot{max-width:1080px;margin:10px auto 30px;color:var(--muted);padding:0 20px;text-align:center;font-size:12px}