.qr-section {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: 2fr 1fr; /* Instructions panel wider than QR panel */
            gap: 20px;
            align-items: start;
        }

        .instructions-panel, .qr-code-panel {
            background-color: #3A3D48;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            color: #fff;
        }

        .qr-code-panel {
          