:root{--blue:#003d7c;--blue2:#0055b8;--bg:#f3f6fa;--card:#fff;--text:#1f2a37;--muted:#667085;--line:#d8e0e8;--ok:#087f5b;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#edf3f9,#f8fafc);color:var(--text);min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px}.brand{display:flex;align-items:center;gap:11px}.brand-mark,.brand-icon{background:var(--blue);color:#fff;font-weight:800;display:grid;place-items:center}.brand-mark{width:40px;height:40px;border-radius:9px;font-size:22px}.brand small{display:block;color:var(--muted);margin-top:2px}.shell{max-width:620px;margin:0 auto;padding:26px 14px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(29,53,87,.08)}.access-card{padding:28px;text-align:center}.brand-icon{width:62px;height:62px;border-radius:15px;font-size:32px;margin:0 auto 14px}.eyebrow{font-size:12px;letter-spacing:.11em;color:var(--blue2);font-weight:750;margin:0 0 7px}.access-card h1{font-size:30px;margin:0 0 9px}.lead,.muted{color:var(--muted)}.lead{margin:0 0 20px}.qr-zone{display:flex;justify-content:center;align-items:center;padding:8px;background:#fff;margin:5px auto 5px;max-width:332px}.qr-zone svg{max-width:100%;height:auto}.qr-help{font-size:13px;color:var(--muted);margin:8px 0 22px}.details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.details div{padding:12px 3px;border-bottom:1px solid #edf0f3}.details div:last-child{border:0}.details span{display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.details strong{font-size:15px}.status{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px}.status.ok{color:var(--ok);background:#e7f7f0}.status span{width:8px;height:8px;border-radius:50%;background:currentColor}.security{font-size:12px;color:var(--muted);margin:17px 0 0}.state-card{padding:54px 28px}.status-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:#fff;font-size:30px;font-weight:800}.status-icon.error{background:var(--danger)}.spinner{width:44px;height:44px;border:4px solid #d9e4ef;border-top-color:var(--blue2);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.topbar{padding:0 12px}.shell{padding:15px 10px 40px}.access-card{padding:22px 16px}.access-card h1{font-size:25px}.brand small{display:none}}