:root{--bg:#f6f7f9;--panel:#fff;--text:#1f2328;--muted:#656d76;--accent:#1c57c4}
@media (prefers-color-scheme:dark){:root{--bg:#16181d;--panel:#1e2128;--text:#e6e8eb;--muted:#9aa3ad;--accent:#6f9df0}}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.gate{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:16px}
main{background:var(--panel);border-radius:16px;padding:20px;max-width:520px;width:100%;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.08)}
h1{margin:12px 0 8px;font-size:24px}
p{margin:0 0 16px}
#qr{width:220px;margin:0 auto 12px;border-radius:12px;overflow:hidden;background:#fff}
#qr svg{display:block;width:100%;height:auto}
/* на телефоне QR сканировать нечем: остаётся кнопка */
@media (max-width:600px){#qr,#qrHint{display:none!important}}
.note{color:var(--muted);font-size:14px;margin:16px 0 0}
.btn,button{display:block;width:100%;padding:13px 16px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
@media (prefers-color-scheme:dark){.btn,button{color:#10131a}}