.header-login{color:#315efb;background:#f2f5ff;border:1px solid #dce4ff;white-space:nowrap}.header-login:hover{background:#e9efff;box-shadow:none}.qr-modal-panel{width:min(680px,100%);padding:32px 38px 30px}.qr-modal-panel>.modal-brand{width:170px;max-height:48px;object-fit:contain;margin:0 auto 12px}.qr-modal-panel h2{font-size:25px;margin:6px 0}.qr-modal-panel>p{margin:4px 0 20px;color:#7b8499}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.qr-card{padding:18px 16px 15px;border:1px solid #e6eaf3;border-radius:16px;background:#f8faff}.qr-image{width:100%;aspect-ratio:1;display:grid;place-items:center;background:#fff;border-radius:11px;overflow:hidden;margin-bottom:12px}.qr-image img{width:100%;height:100%;object-fit:contain;padding:8px}.qr-empty{display:grid;place-items:center;width:100%;height:100%;color:#9ba5ba;background:repeating-linear-gradient(45deg,#fafbfe,#fafbfe 10px,#f3f5fa 10px,#f3f5fa 20px);font-size:14px;line-height:1.8}.qr-card strong,.qr-card span{display:block}.qr-card strong{font-size:17px;color:#1b2440}.qr-card span{font-size:12px;color:#8a94a9;margin-top:3px}.qr-phone{margin-top:20px;padding-top:16px;border-top:1px solid #edf0f6;color:#7d879d}.qr-phone a{color:#315efb;font-weight:700}.float-title{justify-content:center}
@media(max-width:600px){.qr-modal-panel{padding:28px 18px 22px}.qr-modal-panel h2{font-size:21px}.qr-grid{gap:10px}.qr-card{padding:10px 8px}.qr-card strong{font-size:15px}.qr-image img{padding:5px}}