.qr-page{--qr-primary:#0f172a;background:linear-gradient(145deg, color-mix(in srgb, var(--qr-primary) 9%, #f8fafc), #fff 55%);color:#0f172a;min-height:100vh;padding:24px 16px}.qr-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:min(100%,680px);margin:0 auto;padding:28px 20px 22px;box-shadow:0 24px 70px #0f172a1f}.qr-card__header{justify-items:center;display:grid}.qr-card__logo{object-fit:contain;border-radius:20px;width:88px;height:88px;margin-bottom:14px}.qr-card__brand{color:var(--qr-primary);letter-spacing:.18em;margin:0 0 8px;font-size:.72rem;font-weight:800}.qr-card h1{margin:0;font-size:clamp(1.55rem,6vw,2.25rem);line-height:1.1}.qr-card__prompt{color:#475569;margin:10px 0 20px;font-size:1rem}.qr-card__code{border:2px solid color-mix(in srgb, var(--qr-primary) 28%, #e2e8f0);break-inside:avoid;background:#fff;border-radius:24px;width:min(100%,460px);margin:0 auto;padding:12px}.qr-card__code img{width:100%;height:auto;display:block}.qr-card__url{overflow-wrap:anywhere;margin:18px 0 22px;font-size:.88rem}.qr-card__url a{color:#334155;text-underline-offset:3px}.qr-card__controls{gap:10px;display:grid}.qr-button{color:#0f172a;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.qr-button--primary{border-color:var(--qr-primary);background:var(--qr-primary);color:#fff}.qr-button--text{color:var(--qr-primary);border-color:#0000}.qr-button:focus-visible{outline:3px solid color-mix(in srgb, var(--qr-primary) 45%, #38bdf8);outline-offset:3px}.qr-card__status{color:#166534;min-height:1.3em;margin:12px 0 0;font-size:.875rem;font-weight:700}@media (min-width:580px){.qr-page{padding:48px 24px}.qr-card{padding:40px}.qr-card__controls{grid-template-columns:repeat(2,1fr)}}@media print{@page{margin:12mm}body{background:#fff!important}.qr-page{min-height:auto;padding:0;background:#fff!important}.qr-card{width:100%;box-shadow:none;border:0;padding:0}.qr-card__controls,.qr-card__status{display:none!important}.qr-card__code{break-inside:avoid;page-break-inside:avoid;border:0;width:145mm;max-width:100%}.qr-card__url{font-size:11pt}}