@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--qr-ink:#1a1f1c;--qr-muted:#6b7280;--qr-brand:#0f6b42;--qr-border:#e4e8e5;--qr-page:#f7f8f6}*{box-sizing:border-box}body{display:grid;min-height:100svh;margin:0;place-items:center;background:var(--qr-page);color:var(--qr-ink);font:14px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{width:min(100% - 40px,430px);padding:42px 36px;border:1px solid var(--qr-border);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08);text-align:center;animation:qr-enter .26s ease-out both}.logo,.monogram{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;object-fit:contain;border:1px solid var(--qr-border);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.monogram{background:var(--qr-brand);color:#fff;font-size:21px;font-weight:700}.company{margin:0;color:var(--qr-muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}h1{margin:12px 0 14px;font-size:27px;font-weight:700;letter-spacing:-.04em;line-height:1.1}.loader{width:28px;height:28px;margin:22px auto 0;border:3px solid #e4e8e5;border-top-color:var(--qr-brand);border-radius:50%;animation:qr-spin .75s linear infinite}.redirect-progress{width:136px;height:3px;margin:18px auto 0;overflow:hidden;border-radius:999px;background:#e4e8e5}.redirect-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--qr-brand);animation:qr-progress 1.6s linear forwards}.hint{margin:18px 0 0;color:var(--qr-muted);font-size:13px;line-height:1.6}.hint a{color:var(--qr-brand);font-weight:600}.qr-text{padding:14px;border:1px solid var(--qr-border);border-radius:6px;background:#f9fbf9;color:var(--qr-ink);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.language-picker{position:fixed!important;top:18px!important;right:20px!important;left:auto!important;width:34px!important;height:34px!important;border:1px solid var(--qr-border)!important;border-radius:6px!important;background:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.08)}@keyframes qr-spin{to{transform:rotate(360deg)}}@keyframes qr-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes qr-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:520px){main{width:min(100% - 28px,430px);padding:36px 24px}.language-picker{top:14px!important;right:14px!important}}