.qr-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:2.5rem;align-items:start;margin-top:4rem;padding:2rem;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(135deg,rgba(20,31,68,.9),rgba(8,10,28,.95));box-shadow:0 24px 80px rgba(0,0,0,.22)}
.qr-copy h2{margin:.35rem 0 .75rem;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}.qr-copy p{max-width:600px;color:#c7d1e9}.qr-form{display:grid;gap:1rem;padding:1.25rem;border-radius:18px;background:rgba(3,6,20,.74);border:1px solid rgba(255,255,255,.14)}.qr-form label{display:grid;gap:.4rem;color:#f3f6ff;font-weight:650}.qr-form small{font-weight:400;color:#9aa8c4}.qr-form input{width:100%;padding:.8rem .9rem;border-radius:10px;border:1px solid #46537b;background:#111a38;color:#fff;font:inherit}.qr-form input:focus{outline:2px solid #8b5cf6;outline-offset:2px}.qr-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.qr-actions button:disabled{opacity:.45;cursor:not-allowed}.qr-status{min-height:1.3rem;margin:0;color:#a9b6d1;font-size:.9rem}.qr-result{display:flex;gap:1rem;align-items:center;padding:1rem;border-radius:14px;background:#f7f8ff;color:#11152a}.qr-result img{width:132px;height:132px;image-rendering:pixelated;border-radius:8px}.qr-result div{display:grid;gap:.5rem}.qr-result a{color:#4338ca;font-weight:700}.qr-result strong{overflow-wrap:anywhere}@media(max-width:760px){.qr-panel{grid-template-columns:1fr;padding:1.25rem}.qr-result img{width:112px;height:112px}}